-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy patharticle.html
160 lines (146 loc) · 6.65 KB
/
article.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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Material Minimal Blog HTML Template</title>
<!--Import Google Icon Font-->
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--Import materialize.css-->
<link type="text/css" rel="stylesheet" href="css/materialize.css" media="screen,projection"/>
<link type="text/css" rel="stylesheet" href="sass/style.css" media="screen, projection"/>
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
<body>
<div class="navbar-fixed">
<nav id="top-navigation">
<div class="nav-wrapper">
<a href="index.html" class="brand-logo">Material Minimal Blog Template</a>
<a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
<ul class="right hide-on-med-and-down">
<li><a href="category/sass">UI/UX</a></li>
<li><a href="category/components">Best Practices</a></li>
<li><a href="category/javascript">Javascript</a></li>
</ul>
<ul class="side-nav" id="mobile-demo">
<li><a href="#">Navigation</a>
<hr/>
</li>
<li><a href="category/sass">UI/UX</a></li>
<li><a href="category/components">Best Practices</a></li>
<li><a href="category/javascript">Javascript</a></li>
</ul>
</div>
</nav>
</div>
<main class="container" id="main-content">
<header class="row heading">
<div class="col s12"><span class="flow-text"><h1>Article Heading 1 Title</h1></span></div>
</header>
<article class="flow-text">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam egestas neque quam, a porttitor risus malesuada non.
Cras et luctus magna. Etiam sed magna luctus, malesuada dolor a, faucibus arcu. Curabitur mattis felis non
placerat
vestibulum. Aliquam venenatis dictum elit vitae egestas. Class aptent taciti sociosqu ad litora torquent per
conubia
nostra, per inceptos himenaeos. Sed lacinia sed neque eu pretium. Vestibulum id sem id augue lacinia placerat a
dictum elit.
</p>
<p>
Vestibulum malesuada erat lobortis semper interdum. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Nunc maximus leo diam. Curabitur metus quam, dapibus a elementum sed, malesuada in velit. Vestibulum sollicitudin
cursus eros, vitae rutrum velit sodales ac. Aenean hendrerit, metus rutrum pellentesque accumsan, urna felis
dignissim augue, eu bibendum risus ligula eget felis. Aenean suscipit, orci ac ultricies viverra, elit justo
rhoncus
elit, eu bibendum lectus risus vel dolor. Donec id sollicitudin sem.
</p>
<p>
Phasellus vitae tortor tempus, ultricies erat sed, blandit ex. Quisque non eleifend neque, nec ultrices massa.
Nunc
quis lorem ac mauris hendrerit aliquet nec at dolor. Nunc pellentesque ligula ac mollis tincidunt. Proin volutpat
tortor nunc, in ultrices tellus volutpat et. Vestibulum fermentum augue velit, non semper magna fermentum
porttitor.
Nam lobortis eget lacus id ultricies. Pellentesque non odio urna. Integer gravida, risus quis fermentum semper,
nulla elit interdum nibh, eget dignissim nulla est in dui. Pellentesque habitant morbi tristique senectus et netus
et malesuada fames ac turpis egestas. Fusce sed orci sodales odio euismod bibendum ut a nunc. Vivamus iaculis
ligula
at tristique volutpat. Cras finibus nisl in ullamcorper malesuada.
</p>
<p>
Mauris vitae urna finibus, egestas risus vitae, lobortis dolor. Morbi non consectetur nisl. Nulla elementum, justo
mattis dignissim maximus, diam ipsum ultrices elit, eget dignissim erat sapien nec sapien. Donec erat magna,
rhoncus
vel facilisis id, ornare nec ex. Proin vehicula eget urna nec mattis. Vivamus sed enim enim. Cras consequat metus
urna, sit amet accumsan metus vehicula cursus. Nam ut velit lorem. Mauris euismod sagittis arcu eu mattis.
Curabitur
ex velit, maximus quis semper in, bibendum pellentesque arcu. Cras vehicula augue eget enim consectetur, vitae
mollis ex ultrices. Phasellus eu sagittis purus. Donec hendrerit erat quis pretium aliquet.
</p>
<p>
Nulla facilisi. Sed vel nulla ac ante lobortis vestibulum id quis nunc. Maecenas at risus ut elit tempus
tincidunt.
Cras ullamcorper lorem mi, eu commodo sapien ultrices quis. Sed varius luctus nibh, in laoreet metus. Proin
faucibus
justo rutrum justo tincidunt, eu dictum est pretium. Curabitur vestibulum lacus sit amet dapibus facilisis. Sed
vitae ornare erat, vel posuere augue. Aenean a est et nisl commodo rutrum varius ac orci. Mauris congue sagittis
ante a dapibus.
</p>
</article>
</main>
<footer class="page-footer">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h6 class="white-text">Contact</h6>
<form class="col s12">
<div class="row">
<div class="input-field col s6">
<input id="full_name" type="text" class="validate">
<label for="full_name">Full Name</label>
</div>
<div class="input-field col s6">
<input id="email" type="email" class="validate">
<label for="email">Email</label>
</div>
</div>
<div class="row">
<div class="input-field col s12">
<textarea id="your_message" class="materialize-textarea"></textarea>
<label for="your_message">Your Message</label>
</div>
</div>
</form>
</div>
<div class="col l4 offset-l2 s12">
<h6 class="white-text">Join to newsletter</h6>
<form class="col s12">
<div class="row">
<div class="input-field col s12">
<input id="email_for_newsletter" type="email" class="validate">
<label for="email_for_newsletter">Email</label>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
© 2014 Copyright Text
<a class="grey-text text-lighten-4 right" href="#!">More Links</a>
</div>
</div>
</footer>
<!--Import jQuery before materialize.js-->
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/bin/materialize.min.js"></script>
<script>
$('.button-collapse').sideNav({
menuWidth: 300, // Default is 240
closeOnClick: true // Closes side-nav on <a> clicks, useful for Angular/Meteor
}
);
</script>
</body>
</html>