-
Notifications
You must be signed in to change notification settings - Fork 7
/
layout1.html
39 lines (38 loc) · 1.33 KB
/
layout1.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
<!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>