-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
224 lines (211 loc) · 7.38 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
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
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fasih-Nasir</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div>
<ul>
<li><img src="logo.png" alt="" style="height: 25px;margin-left: -50px;"></li>
<li>Tutorails</li>
<li>Exercise</li>
<li>Certificate</li>
<li>Service</li>
<li class="ser"><input type="text" name="" id="" placeholder="Search"></li>
<li style="padding-left: 120px;"></li>
<li>Jobs</li>
<li>Spaces</li>
<li>Get Certified</li>
<li><button>Sign Up</button><button style="background-color: #d9eee1;color: black;border: 1px solid #d9eee1;">Log In</button></li>
</ul>
</div>
<nav>
<ul>
<li><a href="">HTML</a></li>
<li><a href="" style="background-color: #04aa6d;padding: 18px;">CSS</a></li>
<li><a href="">JAVASCRIPT</a></li>
<li><a href="">SQL</a></li>
<li><a href="">PYTHON</a></li>
<li><a href="">JAVA</a></li>
<li><a href="">PHP</a></li>
<li><a href="">HOW TO</a></li>
<li><a href="">W3.CSS</a></li>
<li><a href="">C</a></li>
<li><a href="">C++</a></li>
<li><a href="">C#</a></li>
<!-- <li></li> -->
<li><a href="">BOOTSRAP</a></li>
<li><a href="">REACT</a></li>
<li><a href="">MYSQL</a></li>
<li><a href="">JQUERY</a></li>
<li><a href="">EXCEL</a></li>
<!-- <li><a href="">XML</a></li> -->
<!-- <li><a href="">XML</a></li> -->
</ul>
</nav>
<div class="over">
<h3>CSS Tutorails</h3>
<ul>
<li>CSS Home</li>
<li>CSS Introduction</li>
<li>CSS Syntax</li>
<li>CSS Selcetors</li>
<li>CSS How To</li>
<li>CSS Comments</li>
<li>CSS Colors</li>
<li>CSS backgrounds</li>
<li>CSS border</li>
<li>CSS margin</li>
<li>CSS padding</li>
<li>CSS height/width</li>
<li>CSS box model</li>
<li>CSS outline</li>
<li>CSS text</li>
<li>CSS fonts</li>
<li>CSS icons</li>
<li>CSS lists</li>
<li>CSS tables</li>
<li>CSS display</li>
<li>CSS max-width</li>
<li>CSS position</li>
<li>CSS z-index</li>
<li>CSS overflow</li>
<li>CSS float</li>
<li>CSS inline-block</li>
<li>CSS align</li>
<li>CSS combination</li>
<li>CSS pseduo-class</li>
<li>CSS pseduo-element</li>
<li>CSS opactiy</li>
<li>cSS navigation bar</li>
<li>cSS dropdown</li>
<li>cSS image gallery</li>
<li>cSS image sprties</li>
<li>cSS altr selectors</li>
<li>cSS form</li>
<li>cSS counters</li>
<li>cSS website layout</li>
<li>cSS units</li>
<li>cSS specifity</li>
<li>cSS !important</li>
<li>cSS math function</li>
</ul>
<h3>CSS advanced</h3>
<ul>
<li>cSS Rounded Corner</li>
<li>cSS border image</li>
<li>cSS website layout</li>
<li>cSS backgrounds</li>
<li>cSS colors</li>
<li>cSS color keyword</li>
<li>cSS Gradeint</li>
<li>cSS shadows</li>
<li>cSS text effect</li>
<li>cSS web fonts</li>
<li>cSS 2d transform</li>
<li>cSS 3d transform</li>
<li>cSS transition</li>
<li>cSS tooltips</li>
<li>cSS style images</li>
<li>cSS image reflection </li>
<li>cSS object-fit</li>
<li>cSS object-postion</li>
<li>CSS masking</li>
<li>CSS buttons</li>
<li>CSS pagination</li>
<li>CSS multiple coloums</li>
</ul>
<h3>CSS examples</h3>
<ul>
<li>CSS template </li>
<li>CSS examples</li>
<li>CSS editor</li>
<li>CSS snippets</li>
<li>CSS quiz</li>
<li>CSS exercises</li>
<li>CSS website</li>
<li>CSS bootcamp</li>
<li>CSS certificate</li>
</ul>
<h3>CSS refernce</h3>
<ul>
<li>CSS refernce</li>
<li>CSS selectors</li>
<li>CSS functions</li>
<li>CSS refernce aural</li>
<li>CSS web safe fonts</li>
<li>CSS animteable</li>
<li>CSS units</li>
<li>CSS px-em converter</li>
<li>CSS colors</li>
<li>CSS colors value</li>
<li>CSS browser support</li>
</ul>
</table>
</div>
<div class="centre">
<h1>CSS Tutorail</h1>
<button style="border-radius: 6px;width: 80px;"> Home </button>
<button style="border-radius: 6px; float: right;width: 80px"> Next </button>
<div class="box-1" style="position: absolute;top: 130px;">
<p>CSS is the language we use to style an HTML document.
</p>
<p>
CSS describes how HTML elements should be displayed.
</p>
<p>
This tutorial will teach you CSS from basic to advanced.</p>
</p>
<button style="border-radius: 5px;">Start Learning CSS Now</button>
</div>
<div class="box-1" style="position: absolute;top: 360px;">
<p>CSS is the language we use to style an HTML document.
</p>
<p>
CSS describes how HTML elements should be displayed.
</p>
<p>
This tutorial will teach you CSS from basic to advanced.</p>
</p>
<button style="border-radius: 5px;">Start Learning CSS Now</button>
</div>
<div class="box-1" style="position: absolute;top: 600px;">
<p>CSS is the language we use to style an HTML document.
</p>
<p>
CSS describes how HTML elements should be displayed.
</p>
<p>
This tutorial will teach you CSS from basic to advanced.</p>
</p>
<button style="border-radius: 5px;">Start Learning CSS Now</button>
</div>
<div class="box-1" style="position: absolute;top: 820px;">
<p>CSS is the language we use to style an HTML document.
</p>
<p>
CSS describes how HTML elements should be displayed.
</p>
<p>
This tutorial will teach you CSS from basic to advanced.</p>
</p>
<button style="border-radius: 5px;">Start Learning CSS Now</button>
</div>
<div class="box-1" style="position: absolute;top: 360px;">
<p>CSS is the language we use to style an HTML document.
</p>
<p>
CSS describes how HTML elements should be displayed.
</p>
<p>
This tutorial will teach you CSS from basic to advanced.</p>
</p>
<button style="border-radius: 5px;">Start Learning CSS Now</button>
</div>
</div>
<!-- </div> -->
</body>
</html>