Task-8/index2.html at master · ninonats/Task-8 · GitHub

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
<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<div class="main-container">
		<header>
			<a class="logo" href="#">
				<img src="pics/white how.png"  alt="logo">
			</a>
			<nav class="nav">
				<ul>
					<li class="nav-li">
						<a href="#">პროექტის შესახებ</a>
					</li>
					<li class="nav-li">
						<a href="#">მოთხოვნები</a>
					</li>
					<li class="nav-li">
						<a href="#">EXPLORE</a>
					</li>
					<li class="nav-li">
						<a href="#">შესვლა</a>
					</li>
					<li class="nav-li">
						<a class="search" href="#">
				            <img src="pics/search.png" alt="searchlogo">
			            </a>
			        </li>
				</ul>
			</nav>
		</header>
		<div class="headersection flex-d">
			<div class="bigphoto">
			    <img src="pics/slider.jpg" alt="slider">

			    <h2>სტატიის დასახელება შეიძლება ასეთი სახით დაიწეროს</h2>
		    <div class="text1">
				<p>ხოლო სტატიის მოკლე აღწერა რომელიც სრულად არ იქნება ნაჩვენები აქ</p>
			</div>
			<div class="readmore-head">
					<i class="fas fa-long-arrow-alt-right left-v"></i>
					<a class="readmore" href="#">Read More</a>
			</div>
		    </div>
		</div>
		<section>
			<div class="section1">
			<h4>პოპულარული სტატიები</h4>
			<div class="wraper">

				<div class="statia1">
					<img src="pics/neonbrand.jpg" alt="neonbrand">
					<h5>სტატიის სათაური</h5>
					<p>ამ სტატიასაც ჭირდება აღწერა ამიტომ ეს ველი დაეთმობა ამ სტატიის მოკლე აღწერას</p>
				</div>
				<a href="#" class="readmore-box">more</a>

				<div class="statia2">
					<img src="pics/neonbrand2.jpg" alt="neonbrand2">
					<h5>სტატიის სათაური</h5>
					<p>ამ სტატიასაც ჭირდება აღწერა ამიტომ ეს ველი დაეთმობა ამ სტატიის მოკლე აღწერას</p>
				</div>
				<a href="#" class="readmore-box">more</a>

                <div class="statia3">
					<img src="pics/neon.jpg" alt="neon">
					<h5>სტატიის სათაური</h5>
					<p>ამ სტატიასაც ჭირდება აღწერა ამიტომ ეს ველი დაეთმობა ამ სტატიის მოკლე აღწერას</p>
				</div>
				<a href="#" class="readmore-box">more</a>

			</div>
		</div>
		</section>
		<section>
			<div class="section2">
			<h4>ბოლოს დამატებული</h4>
			<div class="wraper">

				<div class="pirvelistatia">
					<img src="pics/andrew.jpg" alt="neonbrand">
					<h5>სტატიის სათაური</h5>
					<p>ამ სტატიასაც ჭირდება აღწერა ამიტომ ეს ველი დაეთმობა ამ სტატიის მოკლე აღწერას</p>
				</div>
				<a href="#" class="readmore-box">more</a>

				<div class="meorestatia">
					<img src="pics/gonzalo.jpg" alt="neonbrand2">
					<h5>სტატიის სათაური</h5>
					<p>ამ სტატიასაც ჭირდება აღწერა ამიტომ ეს ველი დაეთმობა ამ სტატიის მოკლე აღწერას</p>
				</div>
				<a href="#" class="readmore-box">more</a>

                <div class="mesamestatia">
					<img src="pics/bruce.jpg" alt="neon">
					<h5>სტატიის სათაური</h5>
					<p>ამ სტატიასაც ჭირდება აღწერა ამიტომ ეს ველი დაეთმობა ამ სტატიის მოკლე აღწერას</p>
				</div>
				<a href="#" class="readmore-box">more</a>

			</div>
		</div>
		</section>
		<footer>
			<div class="footer-wrapper">
				<img src="pics/blackhowto.svg" alt="logo">
			    <div class="contact">
				    <h4> კონტაქტი </h4>
			        <p>+995 0322 38 08 02</p>
			        <p>info@lucapolare.com</p>
			   </div>
			   <div class="address">
			        <h4>მისამართი</h4>
			        <p>მერაბ ალექსიძის ქუჩა 10. თბილისი</p>
		        </div>
		        <div class="socmedia">
			        <a href="#"><img class="fb" src="pics/facebook.svg" alt="facebook"></a>
			        <a href="#"><img class="ig" src="pics/instagram.svg" alt="instagram"></a>
			    </div>
		    </div>
		</footer>
	</div> <!-- containeris -->
</body>
</html>