demo-navbar.html
3.29 KB
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
<div class="navbar">
<div class="clearfix padding-16">
<div class="pull-left align-middle">
<a class="navbar-brand" href="#" style="font-size: 18px;">
Ace Newsletter
</a>
</div>
<div class="pull-right align-middle text-right">
<a href="#" class="white bigger-115">
About
</a>
<a href="#" class="white bigger-115">
Contact
</a>
</div>
</div>
</div>
<div class="space-8"></div>
<div class="row padding-24">
<div class="col-sm-6">
<h1 class="blue">Hi, Susan Calvin</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et. Lorem ipsum dolor sit amet.
</p>
<br />
<div class="well well-sm">
Phasellus dictum sapien a neque luctus cursus. Pellentesque sem dolor, fringilla et pharetra vitae.
<a href="#">Click it!</a>
</div>
<br />
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et. Lorem ipsum dolor sit amet.
</p>
<br />
<div class="text-center">
<a href="#" class="btn btn-block btn-info bigger-115"> Click Me! </a>
</div>
</div>
<div class="col-sm-6">
<div class="space-6"></div>
<div class="well">
<h4 class="blue no-padding-top">Header Thing</h4>
<span class="grey bigger-110">Sub-head or something</span>
<div class="space-10"></div>
<a href="#">Just a Plain Link</a>
<hr />
<a href="#">Just a Plain Link</a>
<hr />
<a href="#">Just a Plain Link</a>
<hr />
<a href="#">Just a Plain Link</a>
<hr />
<a href="#">Just a Plain Link</a>
<hr />
<a href="#">Just a Plain Link</a>
</div>
<br />
<div class="well">
<h4 class="blue" style="padding-top: 0;">Connect With Us</h4>
<div class="space-12"></div>
<div class="text-center">
<a href="#" class="btn btn-primary btn-sm no-border" style="font-size: 14px;"> Facebook </a>
<br />
<br />
<a href="#" class="btn btn-info btn-sm no-border" style="font-size: 14px;"> Twitter </a>
<br />
<br />
<a href="#" class="btn btn-danger btn-sm no-border" style="font-size: 14px;"> Google + </a>
</div>
<div class="space-12"></div>
<hr />
<h4 class="blue">Contact Info</h4>
Phone: <span class="text-info">408.341.0600</span>
<br />
Email: <span class="text-info">hseldon@trantor.com</span>
</div>
</div>
</div>
<div class="hr-32"></div>
<div class="row">
<div class="col-sm-12">
<div class="text-center grey bigger-110">© 2014 by Ace Company</div>
<div class="space-8"></div>
<div class="text-center light-grey">
<a href="#">Terms</a>
|
<a href="#">Privacy</a>
|
<a href="#">Unsubscribe</a>
</div>
</div>
</div>
<div class="space-14"></div>