-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
template.html
108 lines (91 loc) · 4.89 KB
/
template.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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Template | Site Name</title>
<meta name="description" content="60-80 characters preferred">
<!-- purecss.io -->
<link rel="stylesheet" href="css/purecss-stripped.css">
<!-- to use the full set of Pure CSS + Pure CSS Responsive Grids, comment out the line above and
uncomment the next 2 lines below -->
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/build/pure-min.css" integrity="sha384-X38yfunGUhNzHpBaEBsWLO+A0HDYOQi8ufWDkZ0k9e0eXz/tH3II7uKZ9msv++Ls" crossorigin="anonymous"> -->
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/build/grids-responsive-min.css" /> -->
<!-- to access the expanded, readable (not minified) full Pure CSS, delete "-min" from the 2 links above and
visit them in a web browser -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- site styles -->
<link rel="stylesheet" href="css/combined-styles.css">
<script src="js/from-scratch-menu.js" async></script>
<link rel="icon" href="favicon.gif">
<meta property="og:site_name" content="">
<meta property="og:type" content="website">
<meta property="og:title" content="">
<meta property="og:url" content="https://www.domain.tld/template.html">
<meta property="og:description" content="60-80 characters preferred">
<!-- <meta property="article:published_time" content="yyyy-mm-dd"> -->
<meta property="og:image" content="https://www.domain.tld/img/domain-social-a.jpg">
<meta property="og:image:type" content="image/jpeg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="describe image">
<meta name="twitter:title" content="">
<meta name="twitter:url" content="http://www.domain.tld/">
<!-- <meta name="twitter:card" content="summary"/> -->
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:site" content="@twitHandle">
<meta name="twitter:image" content="http://www.domain.tld/img/domain-social-b.jpg">
<meta name="twitter:image:width" content="1200">
<meta name="twitter:image:height" content="630">
</head>
<body>
<nav class="nav-wrapper pure-g" id="main-menu">
<div class="pure-u-1 pure-u-md-1-4">
<div class="pure-menu">
<a href="index.html" class="pure-menu-heading site-title">Lorem Ipsum Dolor</a>
<span class="main-menu-hamburger" id="main-menu-switch"><span
class="x-switch-animation"></span><span class="x-switch-animation"></span><span class="x-switch-animation"></span></span>
</div>
</div>
<div class="pure-u-1 pure-u-md-3-4">
<div id="i-can-transform" class="pure-menu pure-menu-horizontal transforming-wrapper">
<ul id="main-menu-list" class="pure-menu-list">
<li class="pure-menu-item"><a class="pure-menu-link" href="index.html">Sit Amet 1</a></li>
<li class="pure-menu-item"><a class="pure-menu-link" href="index.html">Sit Amet 2</a></li>
<li class="pure-menu-item"><a class="pure-menu-link" href="index.html">Sit Amet 3</a></li>
<li class="pure-menu-item"><a class="pure-menu-link" href="index.html">Sit Amet 4</a></li>
<li class="submenu-heading pure-menu-item"><span class="pure-menu-link"
id="submenu-switch">More</span>
<ul class="pure-menu-list" id="submenu">
<li class="submenu-item pure-menu-item"><a class="submenu-link pure-menu-link"
href="index.html">Sit Amet 5</a></li>
<li class="submenu-item pure-menu-item"><a class="submenu-link pure-menu-link"
href="index.html">Sit Amet 6</a></li>
<li class="submenu-item pure-menu-item"><a class="submenu-link pure-menu-link"
href="index.html">Sit Amet 7</a></li>
<li class="submenu-item pure-menu-item"><a class="submenu-link pure-menu-link"
href="index.html">Sit Amet 8</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<div class="forty-em-one-column pure-g">
<main class="main-column pure-u-1">
<h1>Lorem Ipsem Dolor</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
culpa qui officia deserunt mollit anim id est laborum.</p>
</main>
</div>
<footer class="forty-em-one-column pure-g">
<div class="pure-u-1 foot-1">
<p class="shrink">Easy Em menu - by Cooper Dozier
<a href="https://github.com/cooperdozier/easy-em">https://github.com/cooperdozier/easy-em/</a>
Licensed under the MIT license - http://opensource.org/licenses/MIT</p>
</div>
</footer>
</body>
</html>