-
Notifications
You must be signed in to change notification settings - Fork 0
/
LargeBanner-2-column.html
109 lines (87 loc) · 5.08 KB
/
LargeBanner-2-column.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
<!doctype html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if IE 9]> <html class="no-js ie9 oldie" lang="en"> <![endif]-->
<!--[if (gt IE 9)]><!--> <html class="no-js" lang="en"><!-- InstanceBegin template="/Templates/LargeBanner-2-column.dwt" codeOutsideHTMLIsLocked="false" --> <!--<![endif]-->
<head>
<!--
California State Template
Version 5.0
Based on Twitter Bootstrap
-->
<meta charset="utf-8">
<!-- InstanceBeginEditable name="doctitle" -->
<title>Large Banner 2 Column Template</title>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="MetaTags" -->
<meta name="Author" content="State of California" />
<meta name="Description" content="State of California" />
<meta name="Keywords" content="California, government" />
<!-- InstanceEndEditable -->
<!--#include virtual="/ssi/head-css-js.html" -->
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
<!-- InstanceParam name="OptionalSlideshow" type="boolean" value="true" -->
</head>
<!-- possible body classes are "primary" and "two-column" -->
<body class="primary two-column">
<header role="banner" id="header" class="global-header fixed">
<div id="skip-to-content"><a href="#main-content">Skip to Main Content</a></div>
<!-- Location Bar -->
<!--#include virtual="/ssi/location-bar.html" -->
<!-- Include Utility Header -->
<!--#include virtual="/ssi/utility-header.html" -->
<!-- Settings Bar -->
<!--#include virtual="/ssi/settings-bar.html" -->
<!-- Include Branding -->
<!--#include virtual="/ssi/branding.html" -->
<!-- Include Mobile Controls -->
<!--#include virtual="/ssi/mobile-controls.html" -->
<div class="navigation-search">
<!-- Include Navigation -->
<!--#include virtual="/ssi/navigation.html" -->
<div id="head-search" class="search-container">
<!-- Include Search -->
<!--#include virtual="/ssi/search.html" -->
</div>
</div>
<div class="header-decoration"></div>
</header>
<!-- Include for optional slideshow banner -->
<!--#include virtual="/ssi/header-primary-banner.html" -->
<div id="main-content" class="main-content">
<div class="section">
<main class="main-primary">
<!-- InstanceBeginEditable name="MainContent" -->
<article>
<h1><span class="ca-gov-icon-arrow-down"></span> Large Banner 2 Column Template</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu odio sem, non faucibus lectus. Maecenas et lacus et nisl volutpat semper a a magna. Curabitur aliquam risus sit amet mauris sagittis fermentum. Praesent ut pellentesque mauris. Mauris semper varius fringilla. Nam eget sagittis elit. Ut eleifend, ipsum non sagittis tempor, tellus dui fermentum risus, eu tempus lacus nisl vel augue. Proin lacus massa, varius a dictum ac, bibendum at ligula. Phasellus porttitor sollicitudin semper. In malesuada, magna ac consequat consectetur, nisi elit molestie magna, sed hendrerit turpis mi mattis massa. Proin in ante nec enim rutrum mattis. Curabitur tempus, nunc in posuere blandit, libero odio consectetur quam, eget sollicitudin tortor ante eget urna. Etiam in massa quis elit aliquet lacinia. Quisque semper rutrum leo, nec condimentum odio suscipit eget. Etiam blandit sapien vel mi bibendum auctor. </p>
</article>
<!-- InstanceEndEditable -->
</main>
<div class="main-secondary">
<!-- InstanceBeginEditable name="SecondaryContent" -->
<div class="profile-banner">
<div class="inner" style="background:url(/images/banner/banner-guy.png) no-repeat right bottom">
<div class="banner-subtitle">Government Entity Title</div>
<div class="banner-title">Official Name</div>
<div class="banner-link"><a href="/">Associated Link</a></div>
</div>
</div>
<div class="panel panel-standout highlight">
<div class="panel-heading">
<h2><span class="ca-gov-icon-info"></span> Panel Standout</h2>
</div>
<div class="panel-body">
<p>Use <code>.highlight</code> class with <code>.panel-standout</code> for triangle effect. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur blandit tempus porttitor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</p>
</div>
</div>
<!-- InstanceEndEditable -->
</div>
</div>
</div>
<!--#include virtual="/ssi/global-footer.html" -->
<!--#include virtual="/ssi/scripts.html" -->
</body>
<!-- InstanceEnd --></html>