-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmain.html
141 lines (114 loc) · 5.55 KB
/
main.html
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
137
138
139
140
141
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Natura | Interior Design</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<a class="logo" href="main.html"><strong>Natura</strong></a>
<!-- <nav class="topnav"> -->
<a class="current bt1" href="main.html">Main</a>
<a class="bt2" href="">Gallery</a>
<a class="bt3" href="">About</a>
<a class="bt4" href="">Contact</a>
<!-- </nav>-->
</header>
<section class="sec1">
<div class="container">
<h1 class="sec1h1">INTERIOR IN<br>YOUR HOUSE</h1>
<h2 class="sec1h2">CHOOSE FOR YOURSELF SOMETHING NEW</h2><br>
<a class="more" href="">MORE</a>
</div>
</section>
<section class="sec2">
<h1 class="sec2h1">ABOUT COMPANY</h1>
<h1 class="sec2h1tag">SOME HISTORY</h1>
<div class="box1">
<div class="p1">
<h2 class="sec2h2"> ─ 1920 </h2>
<p class="sec2p">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam aliquet
velit id quam consequat viverra. Pellentesque habitant morbi tristique
senectus et netus et malesuada fames ac turpis egestas. Pellentesque
pretium justo lectus, quis elementum orci eleifend at.
</p>
<h2 class="sec2h2 sec2h22"> ─ 1986 </h2>
<p class="sec2p">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam aliquet
velit id quam consequat viverra. Pellentesque habitant morbi tristique
senectus et netus et malesuada fames ac turpis egestas. Pellentesque
pretium justo lectus, quis elementum orci eleifend at.
</p>
<br>
<a class="more2" href="">MORE</a>
</div>
<div class="img1">
<img src="images/img1.png">
</div>
</div>
</section>
<section class="sec3">
<h1 class="sec2h1">SERVICES</h1>
<h1 class="sec2h1tag">WE DO IT</h1>
<div class="box2">
<div class="img2"> <img src="images/img2.png"> </div>
<div class="img3"> <img src="images/img3.png"> </div>
<div class="img4"> <img src="images/img4.png"> </div>
</div>
</section>
<section class="sec4">
<h1 class="sec2h1">NEWS</h1>
<h1 class="sec2h1tag">LATEST NEWS</h1>
<div class="box3">
<div class="img5"> <img src="images/img5.png"> </div>
<div class="box4">
<h2 class="sec4h2"> IN A NUMBER OF RECENT JUDICAL </h2>
<h3> 12.09.2018 </h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam aliquet
velit id quam consequat viverra. Pellentesque habitant morbi tristique
senectus et netus et malesuada fames ac turpis egestas. Pellentesque
pretium justo lectus, quis elementum orci eleifend at.
</p>
<a href="#">More</a>
<h2 class="sec4h2"> SPECIAL ATTENTION </h2>
<h3> 12.09.2018 </h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam aliquet
velit id quam consequat viverra. Pellentesque habitant morbi tristique
senectus et netus et malesuada fames ac turpis egestas. Pellentesque
pretium justo lectus, quis elementum orci eleifend at.
</p>
<a href="#">More</a>
<br>
</div>
</section>
<section class="sec5">
<h1 class="sec2h1">SIGN UP FOR COMPANY NEWS</h1>
<h1 class="sec2h1tag">YOU WILL RECEIVE NOTFICATIONS ABOUT NEW COMPANY NEWS</h1>
<form method="GET"><input type="email" placeholder="E-mail"><button>SUBSCRIBE</button></form>
</section>
<footer>
<div class="col1"><span> NATURA </span>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam aliquet
velit id quam consequat viverra. Pellentesque habitant morbi tristique
senectus et netus et malesuada fames ac turpis egestas. Pellentesque
pretium justo lectus, quis elementum orci eleifend at.
</p>
</div>
<div class="col2"><span> USEFUL LINKS </span>
<p><a href="#">Vacancy</a><br>
<a href="#">Contact</a><br>
<a href="#">Gallery</a></p>
</div>
<div class="col3"><span> CONTACT </span>
<p><strong style="color:rgb(168,168,168)">Address:</strong> Lorem ipsum dolor <br>
<strong style="color:rgb(168,168,168)">Number:</strong> +20 00000000<br>
<strong style="color:rgb(168,168,168)">Email:</strong> email@email.com</p>
</div>
</footer>
</body>
</html>