This repository has been archived by the owner on Oct 16, 2020. It is now read-only.
-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
melody.html
112 lines (88 loc) · 5.2 KB
/
melody.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
<!DOCTYPE HTML>
<html>
<head>
<title>Blog Website Template</title>
<meta name="viewport" content="width=device-width" />
<meta name="description" content="Blog website coded in HTML, CSS, and JQuery" />
<meta name="keywords" content="blog, website, template, responsive" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="css/style.css" type="text/css" title="style" />
</head>
<body>
<header>
<div id="logo">
<h1><a href="index.html">Blog Template</a></h1>
<h2><a href="index.html">Simple. Lightweight. Responsive.</a></h2>
</div>
</header>
<div class="container">
<nav class="main-nav">
<ul class="clearfix" id="cfix">
<li class="icon" id="icon">
<a href="javascript:void(0);" onclick="myMenu()">☰ Menu</a>
</li>
<li><a href="index.html">Blog</a></li>
<li><div class="drop"><a href="#" onclick="return false;">Archive ▽</a></div>
<ul class="down">
<li><a href="2017.html">2017 Blogs</a></li>
<li><a href="2018.html">2018 Blogs</a></li>
</ul>
</li>
</ul>
</nav>
</div>
<div class="spacer"></div>
<div class="site_content">
<div id="content">
<div class="thumbnails">
<div class="center">
<div id="clickMe" class="box"><img name="img1" src="pictures/blog/song.jpg" alt=""/></div>
<h3>What is Melody?</h3>
<h6>October 27th, 2017</h6>
<div class="center"><h4></h4></div>
<div id="left">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vitae erat sit amet purus tincidunt interdum vel in est. Fusce et justo elit. Phasellus sed interdum purus, quis sodales diam. Fusce maximus mattis felis, quis ornare enim sollicitudin ac. Nam tincidunt feugiat tortor, et pulvinar ipsum rutrum sit amet. Aenean ut feugiat nunc. Nulla euismod ut mi sit amet sagittis. Suspendisse rutrum arcu eu velit pulvinar, in iaculis felis condimentum. Pellentesque at metus quam. Morbi sollicitudin metus arcu, vel eleifend eros faucibus nec. Vestibulum sem orci, sodales in nisl non, laoreet suscipit diam.</p>
<br></br>
<p>Phasellus rhoncus lorem vitae quam tincidunt volutpat. Quisque vitae ante vitae diam tempor semper sit amet vitae leo. Aliquam pretium, est non porttitor finibus, mi ante aliquet arcu, gravida consequat tortor metus eu leo. Fusce aliquam tempor mi, sit amet porta diam consectetur eget. Sed sagittis dui dictum, eleifend lacus vitae, viverra leo. Donec consequat pellentesque rhoncus. Ut sit amet est ut purus congue pretium nec vitae erat. Pellentesque sit amet ultrices tortor. Etiam non sagittis odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras eget lorem bibendum, aliquam mi at, aliquam ipsum. Aenean a bibendum nibh, eget vestibulum nunc. Quisque in tempor ipsum.</p>
<br></br>
<p>Maecenas dignissim et nulla nec eleifend. Nam vel sem molestie, efficitur enim eget, varius dolor. Donec ac tincidunt risus. Vivamus non arcu sed mauris dignissim faucibus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Phasellus et elit eget turpis fringilla mattis in vel libero. Sed leo mi, ornare at augue vel, posuere vulputate justo. Suspendisse aliquam, ex ullamcorper tristique malesuada, ex neque ornare tortor, non maximus ante lorem a augue. Aliquam porttitor egestas elit, ut sagittis urna maximus quis. Phasellus pulvinar libero quis velit congue imperdiet. In hac habitasse platea dictumst.</p>
<br></br>
<p>Mauris tristique risus arcu, sit amet suscipit tellus posuere id. Nam consequat, orci ut ullamcorper volutpat, lectus nunc ullamcorper purus, id eleifend lacus sem sed massa. Cras lobortis turpis a est vestibulum convallis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam scelerisque ipsum ut felis tristique, non eleifend tortor accumsan.</p>
</div>
</div>
<a href="#" class="go-top">▲</a>
<h3>Tags</h3>
<div id="pagesbar">
<ul id="pages">
<li><a href="tag-melody.html">Melody</a></li>
</ul>
</div>
</div>
</div>
</div>
<footer>
<div id="footer">
<ul id="social_media">
<li><a href="index.html">
<img src="pictures/icons/facebook.png" alt="Facebook" /></a></li>
<li><a href="index.html">
<img src="pictures/icons/instagram.png" alt="Instagram" /></a></li>
<li><a href="index.html">
<img src="pictures/icons/twitter.png" alt="Twitter" /></a></li>
<li><a href="index.html">
<img src="pictures/icons/linkedin.png" alt="Linkedin" /></a></li>
<li><a href="index.html">
<img src="pictures/icons/email.png" alt="Contact"></a></li>
</ul>
<ul id="btmtext">
<h6><li><a href="terms.html">Copyright © 2018 Your Name. All Rights Reserved.</a></li></h6>
<h6><li><a href="web.html">Website Credits</a></li></h6>
</ul>
</div>
</footer>
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src="js/fixedNav.js"></script>
<script src="js/menuBtn.js"></script>
<script src="js/topBtn.js"></script>
</body>
</html>