-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
160 lines (128 loc) · 10.7 KB
/
index.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
142
143
144
145
146
147
148
149
150
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="zzz.css">
<title>Document</title>
</head>
<body>
<header>
<nav class="navbar">
<div class="container">
<div class="navigation">
<div class="logo">
<a href="#">ART.DESIGN</a>
</div>
<DIv class="navbar-nav">
<a href="#">home</a>
<a href="#">design</a>
<a href="#">blog</a>
<a href="#">about</a>
</DIv>
</div>
</div>
</nav>
<div class="banner">
<div class="container">
<h1 class="banner-title">
<span>ART.</span>DESIGN BLOG
</h1>
<p>EVERYTHING THAT YOU WANT TO KNOW ABOUT ART DESIGN</p>
<form>
<input type="text" placeholder="findyour food...." class="search-input">
<button class="search-btn">
Search
</button>
</form>
</div>
</div>
</header>
<br><br>
<section class="design" id="design">
<div class="container">
<div class="title">
<h2>RECENT ARTS & DESIGNS</h2>
<P>RECENT ARTS & DESIGNS ON THE BLOG</P>
<DIv class="DESIGN-CONTENT">
<DIv class="DESIGN-ITEM">
</DIv>
</DIv>
</div>
</div>
</section>
<div class="shohrux">
<img src="https://www.1zoom.ru/big2/30/125385-aleni.jpg" alt="kkk">
<img src="https://oir.mobi/uploads/posts/2021-06/1622802444_9-oir_mobi-p-voda-v-basseine-priroda-krasivo-foto-9.jpg" alt="bhbhbh">
<img src="https://favim.com/pd/p/orig/2018/10/05/water-photography-ocean-Favim.com-6388524.jpg" alt="hhhhhhhh">
<img src="https://favim.com/pd/p/orig/2018/10/05/water-photography-ocean-Favim.com-6388524.jpg" alt="hhhhhhhh">
</div>
<hr>
<div class="wwwaaa">
<h1>Lorem ipsum dolor sit amet Lorem, ipsum dolor sit amet consectetur adipisicing elit. Illo dolorum porro beatae? consectetur adipisicing elit. Assumenda, doloribus?</h1>
<h1>Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis facilis non provident? consectetur adipisicing elit. Odio, iste.</h1>
</div>
<hr>
<div class="asd">
<img src="https://s1.1zoom.ru/big0/753/Bouquets_Carnations_475697.jpg" alt="ggggggggg">
<img src="https://vsegda-pomnim.com/uploads/posts/2022-04/1649663974_47-vsegda-pomnim-com-p-raznoobrazie-tsvetov-foto-55.jpg" alt="555855558">
</div>
<div class="aaaa">
<h1>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel obcaecati dolore impedit!</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro accusantium, quo modi eum velit fugit voluptas harum debitis hic voluptatum dolor soluta temporibus ipsum atque facere officiis a blanditiis eius nobis quaerat quisquam ad mollitia dolores ab? Odit velit, necessitatibus vero aperiam modi dolore magnam explicabo obcaecati ipsam nemo ab officiis ullam eveniet fugit pariatur aspernatur excepturi! Cupiditate incidunt praesentium pariatur facilis beatae est quae nobis quia repudiandae quas ut, ea in magni ducimus voluptate! Placeat ipsa enim hic corporis modi quia recusandae nemo inventore doloremque voluptates, harum animi ipsum ducimus ad deleniti at reiciendis aut asperiores laboriosam, illo consectetur fuga! Fugit officia facere itaque quo, eum cum voluptatum consectetur similique quos recusandae laudantium saepe! Maxime rem ipsa accusamus amet velit quasi quisquam dolorum architecto? Odio, nulla rem? Nostrum sed quod numquam error quo beatae eveniet, amet eaque doloremque laboriosam cum placeat ipsa magnam eum odit dignissimos, voluptates maiores ea. Esse blanditiis ipsam a iste ut, vel perspiciatis voluptatum maxime neque debitis nam expedita mollitia illum sed exercitationem. Eveniet optio, aut nam non dicta minus ab, minima odit doloremque recusandae esse fugiat porro enim facere dolor corporis architecto sapiente aliquid quia quas. Iste, reprehenderit! Porro tempore officia officiis placeat! Neque nihil vero perferendis ipsa labore qui voluptatem assumenda, minus possimus maiores a voluptates dolores quasi iure accusantium atque, est dolor? Eos ad illo aliquid assumenda, possimus dolores incidunt, quia aliquam necessitatibus dolore optio consequuntur doloremque delectus cumque dolorem repellendus voluptatem quo temporibus sunt voluptatibus impedit, quos soluta tempora? Dolores eveniet itaque quas eaque nostrum. Architecto porro debitis ullam earum atque.. Eveniet voluptas, asperiores doloremque expedita dolores reprehenderit. Temporibus tempore voluptatibus voluptatem ea, ab doloribus quod autem commodi, laboriosam delectus ullam, veritatis esse illum unde corrupti necessitatibus exercitationem nisi odit quisquam ex vel consequuntur iusto. Molestiae magni earum et rerum voluptate, totam ad?</p>
</div>
<div class="ppp">
<img src="https://www.sunhome.ru/i/wallpapers/235/polevie-cveti-foto.orig.jpg" alt="bbvbgdgw">
<audio controls src="jaloliddin-ahmadaliyev-19-yil_(uzhits.net).mp3"></audio>
<hr>
</div>
<div class="fff">
<img src="https://oir.mobi/uploads/posts/2021-06/1623921506_21-oir_mobi-p-snezhnie-vershini-gor-priroda-krasivo-foto-25.jpg" alt="uuu">
<img src="https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/aa054888311301.5dd2cb6d24757.jpg" alt="hhh">
<img src="https://fikiwiki.com/uploads/posts/2022-02/1644822875_9-fikiwiki-com-p-everest-krasivie-kartinki-9.jpg" alt="yythtt">
<img src="https://vsegda-pomnim.com/uploads/posts/2022-04/1650891158_18-vsegda-pomnim-com-p-krasivie-vershini-gor-foto-20.jpg" alt="nnnnnn">
<audio controls src="jaloliddin-ahmadaliyev-19-yil_(uzhits.net).mp3"></audio>
<audio controls src="jaloliddin-ahmadaliyev-19-yil_(uzhits.net).mp3"></audio>
<audio controls src="jaloliddin-ahmadaliyev-19-yil_(uzhits.net).mp3"></audio>
<audio controls src="jaloliddin-ahmadaliyev-19-yil_(uzhits.net).mp3"></audio>
</div>
<div class="real">
<h1>Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi, assumenda.</h1>
<h2>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nisi, dolores.</h2>
<h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam, fugit.</h3>
<h4>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor, praesentium!</h4>
</div>
<div class="erer">
<p>Lorem ipsum dolor Lorem ipsum dolor sit amet consectetur adipisicing elit. Excepturi iusto magni maxime praesentium magnam voluptatum rerum explicabo molestias laborum eligendi, nesciunt totam possimus voluptate nisi, dolorem quos debitis adipisci sit amet consectetur adipisicing elit. Maiores mollitia recusandae, error tempora corrupti harum! Consequatur cupiditate fugit asperiores commodi repudiandae, et quae tempore modi, optio quam incidunt, dolorem eveniet cumque mollitia sunt illo? Repellat quos aperiam sint sapiente consequuntur atque ab, earum quidem. Facere repellat a deleniti natus modi. Necessitatibus facilis ea adipisci autem non at iste, neque a voluptatem perspiciatis, maiores magnam quo iure delectus! Alias, dolor. Assumenda, delectus? Maiores atque quibusdam hic expedita quod ipsa porro doloremque cum eveniet magni blanditiis in, quae quaerat inventore dolores iusto illo quis aperiam magnam, eum adipisci provident. Veritatis, magni eligendi.</p>
</div>
<hr>
<div class="youtube">
<h1>You tube video <big>Football</big></h1><br>
<table>
<tr>
<th><iframe width="460" height="315" src="https://www.youtube.com/embed/pUs0QlqcIuI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></th>
<th><iframe width="460" height="315" src="https://www.youtube.com/embed/T8I-u4Y9dwM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></th>
<th><iframe width="460" height="315" src="https://www.youtube.com/embed/ea-ZsXzzVVs" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></th>
</tr>
<tr>
<th><iframe width="460" height="315" src="https://www.youtube.com/embed/vwtUVwXWy8Y" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></th>
<th><iframe width="460" height="315" src="https://www.youtube.com/embed/WFh_ntHiuvg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></th>
<th><iframe width="460" height="315" src="https://www.youtube.com/embed/5xR1-qh7xcU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></th>
</tr>
<tr>
<th><iframe width="460" height="315" src="https://www.youtube.com/embed/3T9F4JvtG4c" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></th>
<th><iframe width="460" height="315" src="https://www.youtube.com/embed/9zurTrjScdU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></th>
<th><iframe width="460" height="315" src="https://www.youtube.com/embed/d8p3gUN0Nd4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></th>
</tr>
</table>
</div>
<br><br><br><hr><br>
<div class="dev">
<h1>Dasturchi: <i>Shohrux</i></h1>
<h1>Tel: +998906125558</h1>
<p>30.05.2023 y</p>
<p>21:20</p>
</div>
</body>
</html>