-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
54 lines (51 loc) · 1.91 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
<!DOCTYPE html>
<html>
<head>
<title>CSS test</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<div>
<h1>My New Website</h1>
<p>This is a website to test css and sass</p>
</div>
<hr>
<div class="content">
<h2>Another heading</h2>
<img src="media/cart.jpeg" alt="Shopping cart">
</div>
<div class="content1">
<h2>One nore heading</h2>
<p>Go to the <a href="https://www.cytonn.com/">Cytonn website</a></p>
<div id="anim"></div>
</div>
<hr>
<div class="content2">
<svg width="200" height= "100">
<ellipse cx="100" cy="50" rx="90" ry="40" fill="#cc99ff" stroke="#99ff33" stroke-width="2"/>
</svg><br>
<form>
Name:<input type="text" name="name"><br>
Date:<input type="date" name="today"><br>
Comment:<textarea></textarea><br>
<input type="submit" name="submit">
</form>
</div>
<div id="vid">
<video controls height="300px">
<source src= "media/mov_bbb.mp4" type= "video/mp4">
</video>
</div>
<div class="new">
<h3>Lorem Ipsum</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quod si ita se habeat, non possit beatam praestare vitam sapientia. Quid turpius quam sapientis vitam ex insipientium sermone pendere? Quae cum ita sint, effectum est nihil esse malum, quod turpe non sit. Quasi ego id curem, quid ille aiat aut neget. Quod totum contra est. Duo Reges: constructio interrete. Tum ille: Tu autem cum ipse tantum librorum habeas, quos hic tandem requiris? Ut placet, inquit, etsi enim illud erat aptius, aequum cuique concedere. Omnia contraria, quos etiam insanos esse vultis. Quamquam non negatis nos intellegere quid sit voluptas, sed quid ille dicat. An haec ab eo non dicuntur?</p>
<table>
<tr><th>ID</th><th>First Name</th><th>Last Name</th></tr>
<tr><td>1</td><td>Ed</td><td>Ap</td></tr>
<tr><td>2</td><td>En</td><td>Do</td></tr>
</table>
</div>
</div>
</body>
</html>