-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
96 lines (72 loc) · 4.85 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
<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
<link rel="stylesheet" href="main.css" type="text/css" />
</head>
<body>
<div>
<h1>My Website</h1>
<ul>
<li><a href="#">About Us</a></li>
<li><a href="#">All Posts</a></li>
<li><a href="#">Home</a></li>
</ul>
<div class="content-side">
<h6>Recent Posts</h6>
<p>Another Post</p>
<p>Useful Tips and Tricks</p>
<h6>Categories</h6>
<p>Web</p>
<p>Dev</p>
<p>CSS</p>
</div>
<div class="main-content">
<h2>Article Title</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>
<p>It was popularised in the 1960s with the release of Letraset sheets containing <strong>Lorem Ipsum passages,</strong> and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
<h3>Section Title</h3>
<p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" </p>
<table>
<tr>
<th>What</th>
<th>Where</th>
<th style="width:10spx;">How</th>
</tr>
<tr>
<td>HTML</td>
<td>Making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text,</td>
<td><button type="button">GO!</button></td>
</tr>
<tr>
<td>CSS</td>
<td>The standard chunk of Lorem Ipsum used since "</td>
<td><button type= "button">Try!</button></td>
</tr>
<tr>
<td>JS</td>
<td>the 1500s is reproduced below for those interested.</td>
<td><button type="button">View!</button></td>
</tr>
</table>
<p>But I must explain to you how pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human </p>
<h3>Section Title</h3>
<p>I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human</p>
<span>button type="button"onclick="document.getElementById('demo').innerHTML = 'Hello JavaScript!'"></span>
<p>Donec nisi ligula, iaculis ac feugiat et, tristique et felis. Donec vitae urna nec neque rutrum maximus ut id ipsum. Suspendisse massa neque, venenatis eget felis in, faucibus finibus odio.</p>
<p>Proin gravida et eros et facilisis. Suspendisse vitae pretium diam. Ut suscipit, nunc sed sodales vehicula, enim lacus tempus mi, vitae dapibus eros mauris eget orci. Ut mollis sit amet mi nec fringilla.</p>
<h3>Section Title</h3>
<p>Donec pellentesque porta libero vel viverra. Maecenas vitae nisi gravida, molestie felis non, lacinia eros. Curabitur quis augue feugiat, vulputate felis quis, soda, non lobortis nisi lacus eu urna.</p>
<img src="http://placehold.it/300x100" id="big-image">
<ol>
<li><strong>Create HTML:</strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam at tincidunt augue, eget ultricies neque. elite fiaga aghonl</li>
<li><strong>Make Pretty with CSS:</strong>Maecenas interdum justo et blandit pretium. Vestibulum eget ante sollicitudin est fermentum tincidunt quis vel lorem. </li>
<li><strong>Profit:</strong>Nunc non fermentum felis. In vitae risus at turpis lacinia varius. Vivamus pretium nisl vel nisi bibendum venenatis. Nullam nec ultrices arcu. Donec pellentesque porta libero vel viverra. Maecenas vitae nisi gravida, molestie felis non, lacinia eros.</li>
</ol>
<p id="posted">Posted by <b>Author</b> under <b>Web</b> > <b>Dev</b> on <b>Janurary 13, 2014</b> </p>
<h2>Comments</h2>
<h5><span>User Info</span.</h5>
</div>
</div>
</body>
</html>