spectre-css-examples/layout1.html at master · tomcam/spectre-css-examples · GitHub

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
<!doctype html>
<html lang="en">
<head>
	<!-- Spectre.css branding template 1 -->
	<!-- Create title for browser tabs & Favorites -->
	<title>Layout1 template--Spectre.css</title>
	<!-- Notify browsers this page is in Unicode -->
	<meta charset="utf-8">
	<!-- This site is responsive. Use full screen width. -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="Spectre.css branding template">
	<meta name="keywords" content="spectre.css, branding, template">
	<link rel="stylesheet" href="https://unpkg.com/spectre.css/dist/spectre.min.css" />
	<!-- Update default Spectre.css navbar -->
	<style>
		.navbar-section {
			height: 6em;
			font-size: 2em;
			background-color: white;
		}
		.navbar-brand { font-size: 300%; font-weight: 900; color }
	</style>
</head>
<body>
<header class="navbar">
	<div class="navbar-section">
		<a href="#" class="navbar-brand mr-10">Spectre.css</a>
	</div>
	<div class="navbar-section">
		<a href="https://picturepan2.github.io/spectre/elements.html" class="btn btn-link">Docs</a>
		<a href="https://github.com/picturepan2/spectre" class="btn btn-link">GitHub</a>
		<div class="input-group input-inline">
			<input class="form-input" type="text" placeholder="search" />
			<button class="btn btn-primary input-group-btn">Search</button>
		</div>
	</div>
</header>

</body>