-
Notifications
You must be signed in to change notification settings - Fork 0
/
2.html
188 lines (131 loc) · 5.51 KB
/
2.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
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
<!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="2.css">
<link rel="stylesheet" href="./fontawesome-free-5.15.3-web/css/all.css">
<title>Document</title>
</head>
<body>
<!--<div class="nar">
Narva
</div>
<div class="banner">
<h1>Learn CSS</h1>
</div>
<img src="./cup-of-coffee-1280537_1920.jpg" alt="one">
<img src="./cup-of-coffee-1280537_1920.jpg" alt="two">
<img src="./cup-of-coffee-1280537_1920.jpg" alt="three">
<div class="header">
<h1>I'm simple heading</h1>
</div>
<div class="header">
<h1>I'm simple heading</h1></div>
<p>
Hello world!!
</p>
<ul>
<li>Hello world!!</li>
</ul> -->
<!--<div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Beatae eius quia, necessitatibus eum debitis est iure accusamus sunt autem quos in soluta numquam repellendus, quis architecto quasi tempore ex saepe? Ullam.</p>
</div>
<div class="header">
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptas sequi iste consequatur, autem facere eius repudiandae excepturi laudantium similique eos, fuga mollitia reiciendis, a iure. Nesciunt sequi deleniti consectetur asperiores. Odio.</p>
</div>
<a href="#">I'm simple</a> -->
<!--<a href="#">general link</a>
<a href="https:www.twitter.com">visited link</a>
<a href="#">hover link</a>
<a href="#">active link</a>
<a >simple link</a>-->
<!--<h1 class="absolulate">i'm absolulate</h1>
<h1 class="relative">i'm relative </h1>
<p class="absolulate">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas corrupti, qui reprehenderit, quidem itaque ut temporibus vel vero ullam optio ducimus dolorem nesciunt quasi, veniam sint id! Debitis in minima explicabo?
</p>
<p class="relative">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestias sed tempora omnis non deleniti vero quia assumenda error blanditiis amet suscipit placeat, impedit voluptates quaerat, aperiam facilis rem obcaecati officia possimus!
</p>-->
<!--<div class="one"></div>
<div class="two"></div>
<div class="three"></div>
-->
<!-- <div class="default">default</div>
<div class="ease">ease</div>
<div class="linear">linear</div>
<div class="ease-in">ease-in</div>
<div class="ease-out">ease-out</div>
<div class="ease-in-out">ease-in-out</div> -->
<!--<div class="transition"> transition</div>
<div class="animation">animation</div>-->
<!--<h1>Hello word</h1>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Odio hic iure deleniti! Assumenda, laudantium inventore similique cumque nesciunt maiores dicta accusamus fugiat nihil voluptatem ad vel, facere corporis consectetur consequuntur?</p>
<h2>Hello world</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis exercitationem dolores atque recusandae, ab laudantium explicabo velit cum et ad impedit soluta libero ratione sapiente eum natus odit aliquid consequatur sequi?</p>
<h3>Hello world</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Magnam obcaecati fugiat, reiciendis maiores id dolorem dolor pariatur consectetur quisquam mollitia rem quam itaque cum quidem corrupti facere possimus quos doloremque?</p>
<div class="main">
<p class="main-text">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Cum quo inventore accusantium quia quis nemo harum nihil sapiente, dicta explicabo doloribus totam autem alias quasi quidem at sunt deserunt beatae?
</p>
</div>-->
<h1>front awesome</h1>
<h1>main heading </h1>
<i class="fas fa-home fa-10x simple-icon"></i>
<span class="social-icon">
<i class="fab fa-facebook"></i>
</span>
<div class="box"></div>
<div class="navbar">
<ul>
<li>
<a href="#">about</a>
</li>
</ul>
</div>
<nav class="nav">
<ul>
<li>
<a href="#">about</a>
</li>
</ul>
<div class="one">
<img src="./pexels-huseyn-kamaladdin-667838.jpg" alt="">
<h1>product one</h1>
</div>
<div class="two">
<img src="./pexels-huseyn-kamaladdin-667838.jpg" alt="">
<h1>product two</h1>
</div>
<h1 class="one header"></h1>
<h1 id="one" class="one"></h1>
<div class="two" id="two"></div>
<ul>
<li></li>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<h1>hello world</h1>
<ul>
<ul>
<li>1 Heloo World</li>
<li>2 Heloo World</li>
<li>3 Heloo World</li>
<li>4 Heloo World</li>
<li>5 Heloo World</li>
<li>6 Heloo World</li>
</ul>
</ul>
</ul>
<div class="one"></div>
<div class="two"></div>
<h1>Hello world</h1>
</nav>
</body>
</html>