-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathblog.html
More file actions
79 lines (53 loc) · 12 KB
/
blog.html
File metadata and controls
79 lines (53 loc) · 12 KB
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
<!DOCTYPE html>
<html>
<head>
<title>HTML StartUp Website</title>
<link href="home_style.css" rel="stylesheet">
</head>
<body>
<div id="container">
<div id = "header">
<h1> HTML StartUP </h1>
</div> <!-- header -->
<div id = "nav">
<ul>
<a href="index.html"><li> Home </li></a>
<a href="about.html"><li> About </li></a>
<a href="services.html"><li> Services </li></a>
<a href="blog.html"><li> Blog </li></a>
<a href="contact_us.html"><li> Contact Us </li></a>
<div style="clear:both"> </div>
</ul>
</div> <!--navigation -->
<div id="middle">
<div id ="post">
<div class="title"> What is HTML </div>
<div class="description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sed velit placerat sem congue semper. Aenean vel orci at purus feugiat luctus sit amet nec urna. Mauris dictum dolor hendrerit nulla rutrum, quis vehicula est semper. Suspendisse in interdum enim. In vitae ultricies lacus. Proin lacinia massa nec augue elementum, nec aliquet metus elementum. Pellentesque pulvinar lorem nec ligula iaculis pellentesque. Mauris lacinia condimentum quam eu aliquam. Curabitur et suscipit leo. Morbi venenatis malesuada nulla, vitae accumsan mi vehicula in. Duis quis fringilla purus. Pellentesque pellentesque velit in libero dictum varius. Maecenas nec hendrerit elit. Nullam et sem sit amet diam laoreet consequat.
Curabitur blandit, neque nec dictum fringilla, lectus lacus lacinia sem, quis faucibus elit velit ut ligula. Aenean convallis turpis eget elit dignissim, vitae tristique massa consequat. Fusce ligula tortor, ultrices id tempus at, laoreet quis mi. Nam tellus augue, imperdiet a sapien fringilla, dictum volutpat arcu. Integer porttitor, arcu eu tempor sodales, lorem justo finibus dolor, ut placerat urna nulla et massa. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec gravida pharetra felis, ut sollicitudin ipsum pharetra ac. Fusce neque dolor, facilisis id justo et, consectetur eleifend lectus. Donec lacinia velit at dapibus feugiat. Suspendisse malesuada, tellus a commodo ornare, nisi ex consequat odio, sit amet luctus urna felis ut lacus. Aliquam erat volutpat. Donec laoreet luctus massa, non facilisis quam lacinia eget. Vestibulum eleifend fermentum ultrices. Nam at ante vitae arcu luctus placerat. Vivamus diam magna, eleifend auctor pretium vel, rhoncus in arcu.
Vestibulum fermentum mi ac augue bibendum vehicula. Pellentesque enim arcu, sagittis ac vestibulum in, aliquam ut augue. Duis sollicitudin consectetur enim cursus sagittis. In dapibus leo sed velit finibus porta. Ut finibus convallis orci, vitae elementum nunc iaculis molestie. Fusce ultrices mi elit, quis elementum sapien rhoncus eu. Proin vulputate augue vitae quam pulvinar commodo. Nullam lobortis lectus et dictum tempus. Vestibulum quis nisi justo. Duis at tristique magna. Sed mollis leo at molestie tristique. Quisque porttitor massa magna, sit amet ullamcorper augue vehicula a. Morbi vitae dolor sed erat tristique congue at sed arcu. Suspendisse nibh diam, ultrices congue nulla nec, auctor porttitor nulla. Cras gravida rhoncus libero nec maximus. Phasellus porta in urna non porttitor.
Aenean ut rhoncus ipsum. Nam augue erat, tincidunt eu egestas eu, viverra a mauris. Donec commodo massa molestie nunc rhoncus, a aliquam est rutrum. Curabitur pulvinar, metus sit amet imperdiet mattis, ligula ipsum mollis felis, eget volutpat dui elit sed magna. Integer malesuada, urna at consequat sagittis, augue odio pretium mi, dignissim malesuada eros nibh vel lectus. Proin eget venenatis urna. Nunc varius erat sed lacus interdum sagittis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pretium at massa ac consectetur. In augue augue, mattis quis suscipit sit amet, rhoncus vitae ipsum. Integer consequat, dui quis vestibulum malesuada, erat velit faucibus ex, non vehicula nibh ligula tempus lacus. Vivamus ac diam aliquam, eleifend diam vel, molestie augue. Maecenas auctor aliquam velit, id ultricies ante gravida sed. Mauris sodales purus sapien, eu efficitur tellus malesuada sit amet. Aliquam faucibus sem quam, non interdum libero condimentum et. Aliquam ut suscipit odio. Nulla ut velit eleifend, sollicitudin magna sit amet, porta nibh. Praesent id consectetur dolor, ac tincidunt dui. </div>
</div> <!-- post -->
<div id ="post">
<div class="title"> How to work with CSS </div>
<div class="description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sed velit placerat sem congue semper. Aenean vel orci at purus feugiat luctus sit amet nec urna. Mauris dictum dolor hendrerit nulla rutrum, quis vehicula est semper. Suspendisse in interdum enim. In vitae ultricies lacus. Proin lacinia massa nec augue elementum, nec aliquet metus elementum. Pellentesque pulvinar lorem nec ligula iaculis pellentesque. Mauris lacinia condimentum quam eu aliquam. Curabitur et suscipit leo. Morbi venenatis malesuada nulla, vitae accumsan mi vehicula in. Duis quis fringilla purus. Pellentesque pellentesque velit in libero dictum varius. Maecenas nec hendrerit elit. Nullam et sem sit amet diam laoreet consequat.
Curabitur blandit, neque nec dictum fringilla, lectus lacus lacinia sem, quis faucibus elit velit ut ligula. Aenean convallis turpis eget elit dignissim, vitae tristique massa consequat. Fusce ligula tortor, ultrices id tempus at, laoreet quis mi. Nam tellus augue, imperdiet a sapien fringilla, dictum volutpat arcu. Integer porttitor, arcu eu tempor sodales, lorem justo finibus dolor, ut placerat urna nulla et massa. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec gravida pharetra felis, ut sollicitudin ipsum pharetra ac. Fusce neque dolor, facilisis id justo et, consectetur eleifend lectus. Donec lacinia velit at dapibus feugiat. Suspendisse malesuada, tellus a commodo ornare, nisi ex consequat odio, sit amet luctus urna felis ut lacus. Aliquam erat volutpat. Donec laoreet luctus massa, non facilisis quam lacinia eget. Vestibulum eleifend fermentum ultrices. Nam at ante vitae arcu luctus placerat. Vivamus diam magna, eleifend auctor pretium vel, rhoncus in arcu.
Vestibulum fermentum mi ac augue bibendum vehicula. Pellentesque enim arcu, sagittis ac vestibulum in, aliquam ut augue. Duis sollicitudin consectetur enim cursus sagittis. In dapibus leo sed velit finibus porta. Ut finibus convallis orci, vitae elementum nunc iaculis molestie. Fusce ultrices mi elit, quis elementum sapien rhoncus eu. Proin vulputate augue vitae quam pulvinar commodo. Nullam lobortis lectus et dictum tempus. Vestibulum quis nisi justo. Duis at tristique magna. Sed mollis leo at molestie tristique. Quisque porttitor massa magna, sit amet ullamcorper augue vehicula a. Morbi vitae dolor sed erat tristique congue at sed arcu. Suspendisse nibh diam, ultrices congue nulla nec, auctor porttitor nulla. Cras gravida rhoncus libero nec maximus. Phasellus porta in urna non porttitor.
Aenean ut rhoncus ipsum. Nam augue erat, tincidunt eu egestas eu, viverra a mauris. Donec commodo massa molestie nunc rhoncus, a aliquam est rutrum. Curabitur pulvinar, metus sit amet imperdiet mattis, ligula ipsum mollis felis, eget volutpat dui elit sed magna. Integer malesuada, urna at consequat sagittis, augue odio pretium mi, dignissim malesuada eros nibh vel lectus. Proin eget venenatis urna. Nunc varius erat sed lacus interdum sagittis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pretium at massa ac consectetur. In augue augue, mattis quis suscipit sit amet, rhoncus vitae ipsum. Integer consequat, dui quis vestibulum malesuada, erat velit faucibus ex, non vehicula nibh ligula tempus lacus. Vivamus ac diam aliquam, eleifend diam vel, molestie augue. Maecenas auctor aliquam velit, id ultricies ante gravida sed. Mauris sodales purus sapien, eu efficitur tellus malesuada sit amet. Aliquam faucibus sem quam, non interdum libero condimentum et. Aliquam ut suscipit odio. Nulla ut velit eleifend, sollicitudin magna sit amet, porta nibh. Praesent id consectetur dolor, ac tincidunt dui.</div>
</div> <!-- post -->
<div id ="post">
<div class="title"> Real programming with JavaScript </div>
<div class="description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sed velit placerat sem congue semper. Aenean vel orci at purus feugiat luctus sit amet nec urna. Mauris dictum dolor hendrerit nulla rutrum, quis vehicula est semper. Suspendisse in interdum enim. In vitae ultricies lacus. Proin lacinia massa nec augue elementum, nec aliquet metus elementum. Pellentesque pulvinar lorem nec ligula iaculis pellentesque. Mauris lacinia condimentum quam eu aliquam. Curabitur et suscipit leo. Morbi venenatis malesuada nulla, vitae accumsan mi vehicula in. Duis quis fringilla purus. Pellentesque pellentesque velit in libero dictum varius. Maecenas nec hendrerit elit. Nullam et sem sit amet diam laoreet consequat.
Curabitur blandit, neque nec dictum fringilla, lectus lacus lacinia sem, quis faucibus elit velit ut ligula. Aenean convallis turpis eget elit dignissim, vitae tristique massa consequat. Fusce ligula tortor, ultrices id tempus at, laoreet quis mi. Nam tellus augue, imperdiet a sapien fringilla, dictum volutpat arcu. Integer porttitor, arcu eu tempor sodales, lorem justo finibus dolor, ut placerat urna nulla et massa. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec gravida pharetra felis, ut sollicitudin ipsum pharetra ac. Fusce neque dolor, facilisis id justo et, consectetur eleifend lectus. Donec lacinia velit at dapibus feugiat. Suspendisse malesuada, tellus a commodo ornare, nisi ex consequat odio, sit amet luctus urna felis ut lacus. Aliquam erat volutpat. Donec laoreet luctus massa, non facilisis quam lacinia eget. Vestibulum eleifend fermentum ultrices. Nam at ante vitae arcu luctus placerat. Vivamus diam magna, eleifend auctor pretium vel, rhoncus in arcu.
Vestibulum fermentum mi ac augue bibendum vehicula. Pellentesque enim arcu, sagittis ac vestibulum in, aliquam ut augue. Duis sollicitudin consectetur enim cursus sagittis. In dapibus leo sed velit finibus porta. Ut finibus convallis orci, vitae elementum nunc iaculis molestie. Fusce ultrices mi elit, quis elementum sapien rhoncus eu. Proin vulputate augue vitae quam pulvinar commodo. Nullam lobortis lectus et dictum tempus. Vestibulum quis nisi justo. Duis at tristique magna. Sed mollis leo at molestie tristique. Quisque porttitor massa magna, sit amet ullamcorper augue vehicula a. Morbi vitae dolor sed erat tristique congue at sed arcu. Suspendisse nibh diam, ultrices congue nulla nec, auctor porttitor nulla. Cras gravida rhoncus libero nec maximus. Phasellus porta in urna non porttitor.
Aenean ut rhoncus ipsum. Nam augue erat, tincidunt eu egestas eu, viverra a mauris. Donec commodo massa molestie nunc rhoncus, a aliquam est rutrum. Curabitur pulvinar, metus sit amet imperdiet mattis, ligula ipsum mollis felis, eget volutpat dui elit sed magna. Integer malesuada, urna at consequat sagittis, augue odio pretium mi, dignissim malesuada eros nibh vel lectus. Proin eget venenatis urna. Nunc varius erat sed lacus interdum sagittis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pretium at massa ac consectetur. In augue augue, mattis quis suscipit sit amet, rhoncus vitae ipsum. Integer consequat, dui quis vestibulum malesuada, erat velit faucibus ex, non vehicula nibh ligula tempus lacus. Vivamus ac diam aliquam, eleifend diam vel, molestie augue. Maecenas auctor aliquam velit, id ultricies ante gravida sed. Mauris sodales purus sapien, eu efficitur tellus malesuada sit amet. Aliquam faucibus sem quam, non interdum libero condimentum et. Aliquam ut suscipit odio. Nulla ut velit eleifend, sollicitudin magna sit amet, porta nibh. Praesent id consectetur dolor, ac tincidunt dui.</div>
</div> <!-- post -->
</div> <!-- middle -->
<div id="footer">
Copywrite © 2019
</div> <!-- footer -->
</div> <!--container here-->
</body>
</html>