-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
136 lines (129 loc) · 6 KB
/
index.html
File metadata and controls
136 lines (129 loc) · 6 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />
<meta name='description' content="Firma budowlana" />
<meta name=”keywords” content="firma, budowlana, kalisz, remonty" />
<meta http-equiv="X-UA-Compatible" content="”IE=edge, chrome=1" />
<link rel="stylesheet" type="text/css" href=style.css>
<link rel="stylesheet" type="text/css" href=queries.css>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;1,100&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/99993dbfe3.js" crossorigin="anonymous"></script>
<title>Construction company</title>
</head>
<body>
<div class='container'>
<header>
<div>
<p class="main-text">Build your home with us!</p>
</div>
</header>
<nav class='main-nav'>
<div><img src="img/logo2.png"></div>
<a href='#about-us-section'>About us</a>
<a href='#offer-section'>Offer</a>
<a href='#portfolio-section'>Portfolio</a>
<a href='#contact-section'>Contact</a>
</nav>
<section class="about-us" id=about-us-section>
<h1>Get to know us</h1>
<div class='about-us-card'>
<div class="photo "><img src="img/architect.jpg "></div>
<div class="paragraph ">
<p>In sagittis dignissim velit vitae vulputate. Morbi malesuada fringilla tortor, vitae iaculis sem maximus nec. Sed interdum dolor at nisi facilisis, vel faucibus ante pellentesque. Donec vitae ante non est dignissim lacinia sit amet
nec augue. Morbi ultricies tellus velit, ac laoreet est semper nec. Vivamus facilisis sem vehicula lacus molestie fringilla. Fusce placerat tempus accumsan. Nullam dolor velit, auctor a auctor ut, placerat a augue. Suspendisse
sed lectus quis nulla gravida suscipit. Nullam elementum tellus nunc, quis facilisis mauris congue nec. </p><br>
<p> Vestibulum aliquet orci eu odio ornare, id fermentum nibh dignissim. Duis ornare egestas vehicula. Integer vitae sapien id lacus porta accumsan.Vivamus hendrerit, diam ac facilisis tempor, ex ipsum porta leo, in imperdiet ligula ipsum
sed risus. Mauris ultrices condimentum turpis, in vestibulum quam molestie id. Donec eget elementum diam. </p>
</div>
</div>
</section>
<section class="offer" id='offer-section'>
<h1>Offer</h1>
<div class='card'>
<span></span>
<span></span>
<span></span>
<span></span>
<a href=#><i class="fas fa-home"></i><p>residential<br>buildings</p></a>
</div>
<div class='card'>
<span></span>
<span></span>
<span></span>
<span></span>
<a href=#><i class="fas fa-chess-board"></i><p>interior<br>finishing</p></a>
</div>
<div class='card'>
<span></span>
<span></span>
<span></span>
<span></span>
<a href=#><i class="fas fa-building"></i><p>utility<br>buildings</p></a>
</div>
<div class='card'>
<span></span>
<span></span>
<span></span>
<span></span>
<a href=#><i class="fas fa-briefcase"></i><p>construction<br>management</p></a>
</div>
</section>
<section class="portfolio" id='portfolio-section'>
<h1>Portfolio</h1>
<ul>
<li><img src="img/portfolio1.jpg"></li>
<li><img src="img/portfolio2.jpg"></li>
<li><img src="img/portfolio4.jpg">
<a href=# class='see-more-btn'>See more</a>
</li>
<li><img src="img/portfolio3.jpg"></li>
<li><img src="img/portfolio8.jpg"></li>
<li><img src="img/portfolio6.jpg"></li>
<li><img src="img/portfolio7.jpg"></li>
<li><img src="img/portfolio5.jpg"></li>
</ul>
</section>
<section class='contact' id='contact-section'>
<h1>Contact with us</h1>
<div class='grid'>
<form action=''>
<label for='name'>Your name:</label>
<input type='text' id='name'>
<label for='email'>Your email:</label>
<input type='email' id='email'>
<label for='phone-number'>Phone number:</label>
<input type='text' id='phone-number'>
<label for='message'>Message:</label>
<textarea id='message' rows="7" cols="40"></textarea>
<label for='qestion'>I agree to send offers</label>
<input type='checkbox' id='question'>
<input type='submit' value='Send'>
</form>
<div class="social-links">
<div></div>
<div>
<a href=#><i class="fab fa-twitter"></i></a>
</div>
<div></div>
<div>
<a href=#><i class="fab fa-facebook-f"></i></a>
</div>
<div></div>
<div>
<a href=#><i class="fab fa-google-plus-g"></i></a>
</div>
<div></div>
<div><a href=#><i class="fab fa-instagram"></i></a></div>
</div>
</section>
<footer>
<div>
<p>Construction company</p>
<p>All rights reserved © 2020</p>
</div>
</footer>
</div>
</body>
</html>