This repository has been archived by the owner on May 8, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy path2-column-ribbon.php
101 lines (82 loc) · 4.94 KB
/
2-column-ribbon.php
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
<!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/2-column-ribbon.dwt" codeOutsideHTMLIsLocked="false" --> <!--<![endif]-->
<head>
<!-- California State Template
Version 5.0.3
Based on Twitter Bootstrap
-->
<meta charset="utf-8">
<!-- InstanceBeginEditable name="doctitle" -->
<title>Your Page Title Goes Here</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">
<div id="skip-to-content"><a href="#main-content">Skip to Main Content</a></div>
<!-- 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>
<!-- Step 5: Header Images -->
<!-- Include for optional slideshow banner -->
<!--#include virtual="/ssi/header-slideshow-banner.html" -->
<div class="header-decoration"></div>
</header>
<div id="main-content" class="main-content">
<div class="wrapper">
<main class="main-primary">
<!-- InstanceBeginEditable name="MainContent" -->
<article>
<h1><span class="ca-gov-icon-arrow-down"></span> Heading H1</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>