-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtwocolumn1.html
131 lines (118 loc) · 9.91 KB
/
twocolumn1.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
<!DOCTYPE HTML>
<!--
MegaCorp by TEMPLATED
templated.co @templatedco
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-->
<html>
<head>
<title>MegaCorp by TEMPLATED</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800" rel="stylesheet" type="text/css" />
<!--[if lte IE 8]><script src="js/html5shiv.js"></script><![endif]-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-panels.min.js"></script>
<script src="js/init.js"></script>
<noscript>
<link rel="stylesheet" href="css/skel-noscript.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-desktop.css" />
</noscript>
</head>
<body>
<!-- Header -->
<div id="header-wrapper">
<div id="header" class="container">
<div id="logo"><h1><a href="#">MegaCorp</a></h1></div>
<nav id="nav">
<ul>
<li><a href="index.html">Homepage</a></li>
<li class="current_page_item"><a href="twocolumn1.html">Right Sidebar</a></li>
<li><a href="twocolumn2.html">Left Sidebar</a></li>
<li><a href="onecolumn.html">No Sidebar</a></li>
</ul>
</nav>
</div>
</div>
<!-- Header Ends Here -->
<!-- Page -->
<div id="page">
<div class="container">
<div class="row">
<div id="content" class="8u skel-cell-important">
<article>
<header>
<h2 class="main-title">Praesent mattis condimentum</h2>
</header>
<a href="#" class="image-style1"><img src="images/pic01.jpg" alt=""></a>
<p>Pellentesque pede. Donec pulvinar ullamcorper metus. In eu odio at lectus pulvinar mollis. Vestibulum sem magna, elementum ut, vestibulum eu, facilisis quis, arcu. Mauris a dolor. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed blandit. Phasellus pellentesque, ante nec iaculis dapibus, eros justo auctor lectus, a lobortis lorem mauris quis nunc. Praesent pellentesque facilisis elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. In hac habitasse platea dictumst. Nullam id ante eget dui vulputate aliquam. Pellentesque erat erat, tincidunt in, eleifend accumsan, malesuada eget, augue. Suspendisse sit amet tellus in eros bibendum condimentum. Vestibulum suscipit volutpat nulla. Maecenas pede nisl, elementum eu, ornare ac, malesuada at, erat. Proin gravida orci porttitor enim accumsan lacinia. Donec condimentum, urna non molestie semper, ligula enim ornare nibh, quis laoreet eros quam eget ante. Quisque eleifend. Phasellus tempor vehicula justo. Aliquam lacinia metus ut elit. Praesent pellentesque facilisis elit.</p>
<p>Quisque eleifend. Phasellus tempor vehicula justo. Aliquam lacinia metus ut elit. Suspendisse iaculis mauris nec lorem. Donec leo. Vivamus fermentum nibh in augue. Praesent a lacus at urna congue rutrum. Nulla enim eros, porttitor eu, tempus id, varius non, nibh. Duis enim nulla, luctus eu, dapibus lacinia, venenatis id, quam. Vestibulum imperdiet, magna nec eleifend rutrum, nunc lectus vestibulum velit, euismod lacinia quam nisl id lorem. Quisque erat. Vestibulum pellentesque, justo mollis pretium suscipit, justo nulla blandit libero, in blandit augue justo quis nisl. Fusce mattis viverra elit. Fusce quis tortor. Pellentesque pede. Donec pulvinar ullamcorper metus. In eu odio at lectus pulvinar mollis. Vestibulum sem magna, elementum ut, vestibulum eu, facilisis quis, arcu. Mauris a dolor. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed blandit. Phasellus pellentesque, ante nec iaculis dapibus, eros justo auctor lectus, a lobortis lorem mauris quis nunc. </p>
<ul class="style5">
<li><a href="#">Integer sit amet pede vel arcu aliquet pretium.</a></li>
<li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</a></li>
<li><a href="#">Phasellus nec erat sit amet nibh pellentesque congue.</a></li>
<li><a href="#">Pellentesque quis elit non lectus gravida blandit.</a></li>
<li><a href="#">Maecenas vitae orci vitae tellus feugiat eleifend.</a></li>
</ul>
<p>Pellentesque pede. Donec pulvinar ullamcorper metus. In eu odio at lectus pulvinar mollis. Vestibulum sem magna, elementum ut, vestibulum eu, facilisis quis, arcu. Mauris a dolor. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed blandit. Phasellus pellentesque, ante nec iaculis dapibus, eros justo auctor lectus, a lobortis lorem mauris quis nunc. Praesent pellentesque facilisis elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. In hac habitasse platea dictumst. Nullam id ante eget dui vulputate aliquam. Pellentesque erat erat, tincidunt in, eleifend accumsan, malesuada eget, augue. Suspendisse sit amet tellus in eros bibendum condimentum. Vestibulum suscipit volutpat nulla. Maecenas pede nisl, elementum eu, ornare ac, malesuada at, erat. Proin gravida orci porttitor enim accumsan lacinia. Donec condimentum, urna non molestie semper, ligula enim ornare nibh, quis laoreet eros quam eget ante. Quisque eleifend. Phasellus tempor vehicula justo. Aliquam lacinia metus ut elit. Praesent pellentesque facilisis elit.</p>
</article>
</div>
<div id="sidebar" class="4u">
<div class="row">
<section id="box1" class="6u">
<h2>Nulla eleifend</h2>
<ul class="style4">
<li class="first"><a href="#">Maecenas luctus</a></li>
<li><a href="#">Etiam rhoncus erat</a></li>
<li><a href="#">Donec metus sapien</a></li>
<li><a href="#">Integer quis urna</a></li>
<li><a href="#">Etiam rhoncus erat</a></li>
<li><a href="#">Donec metus sapien</a></li>
<li><a href="#">Etiam volutpat erat</a></li>
</ul>
</section>
<section class="6u">
<h2>Nulla eleifend</h2>
<ul class="style4">
<li class="first"><a href="#">Maecenas luctus</a></li>
<li><a href="#">Etiam rhoncus erat</a></li>
<li><a href="#">Donec metus sapien</a></li>
<li><a href="#">Integer quis urna</a></li>
<li><a href="#">Etiam rhoncus erat</a></li>
<li><a href="#">Donec metus sapien</a></li>
<li><a href="#">Etiam volutpat erat</a></li>
</ul>
</section>
</div>
<section id="box2">
<h2>Ipsum Consequat</h2>
<ul class="style2">
<li class="first">
<p><a href="#"><img src="images/pics07.jpg" alt="">Pellentesque viverra vulputate enim. Aliquam erat volutpat. Donec leo, vivamus nibh in augue praesent congue rutrum. </a></p>
</li>
<li>
<p><a href="#"><img src="images/pics08.jpg" alt="">Aliquam lacinia metus ut elit. Suspendisse iaculis mauris nec lorem. Donec leo, vivamus fermentum augue praesent congue rutrum.</a></p>
</li>
<li>
<p><a href="#"><img src="images/pics09.jpg" alt="">Suspendisse sit amet tellus in eros bibendum condimentum. Donec leo, fermentum nibh in augue praesent a lacus congue rutrum. </a></p>
</li>
<li>
<p><a href="#"><img src="images/pics10.jpg" alt="">Aliquam lacinia metus ut elit. Suspendisse iaculis mauris nec lorem. Donec leo, vivamus fermentum augue praesent congue rutrum.</a></p>
</li>
</ul>
<a href="#" class="button button-style1">Read More</a>
</section>
</div>
</div>
</div>
</div>
<!-- /Page -->
<!-- Copyright -->
<div id="copyright" class="container">
Design: <a href="http://templated.co">TEMPLATED</a> Images: <a href="http://unsplash.com">Unsplash</a> (<a href="http://unsplash.com/cc0">CC0</a>)
</div>
</body>
</html>