-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.php
More file actions
111 lines (82 loc) · 6.02 KB
/
index.php
File metadata and controls
111 lines (82 loc) · 6.02 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
<?php include('partials/top.php'); ?>
<?php include('partials/wvu-header.php'); ?>
<?php include('partials/hsc-header.php'); ?>
<?php include('partials/site-header.php'); ?>
<div class="hero">
<div class="hero-color"></div>
<div class="hero-content measure">
<h1>ZEN FRAMEWORK</h1>
<p>An opinionated web framework designed to create a consistent structure with a flexible and efficient styling strategy. Greatly inspired by the CSS Zen Garden.</p>
</div>
</div>
<div id="front" class="measure">
<!-- This Core Will Be Generated By CMS -->
<div class="grp grp-two">
<div class="col col-one">
<h1>Column One</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officia, ex unde atque cupiditate dolorem quam quis doloremque porro magni assumenda animi vero, tempore magnam placeat iusto nihil ipsa at. Maxime!</p>
</div>
<div class="col col-two">
<h1>Column Two</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores quo temporibus adipisci veritatis omnis perferendis at nemo vero assumenda deserunt maiores ipsa, error eos cumque? Quo ex quos in molestiae.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nihil laborum blanditiis possimus placeat et earum, perspiciatis sequi voluptatum voluptatem, vel repellat. Nostrum magnam sapiente magni laudantium quidem beatae similique ex!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate tempora accusamus minus voluptatem aut, qui asperiores commodi placeat tempore veniam amet dolor, maiores, perferendis voluptates voluptatibus consectetur? Repudiandae minima, natus.</p>
</div>
</div>
<div class="grp grp-four">
<div class="col col-one">
<h1>Column One</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officia, ex unde atque cupiditate dolorem quam quis doloremque porro magni assumenda animi vero, tempore magnam placeat iusto nihil ipsa at. Maxime!</p>
</div>
<div class="col col-two">
<h1>Column Two</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores quo temporibus adipisci veritatis omnis perferendis at nemo vero assumenda deserunt maiores ipsa, error eos cumque? Quo ex quos in molestiae.</p>
</div>
<div class="col col-three">
<h1>Column Three</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere aliquid soluta modi repellat ea accusamus, doloribus, veniam temporibus iure natus quia vel sed enim nihil, quaerat labore iste architecto autem.</p>
</div>
<div class="col col-four">
<h1>Column Four</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit rerum quisquam dignissimos, deleniti! Ut laborum soluta ad itaque, fugiat ducimus tenetur nemo cupiditate iste quibusdam neque veniam molestiae, quos architecto.</p>
</div>
</div>
<div class="grp grp-three">
<div class="col col-one">
<?php include('components/news.php'); ?>
</div>
<div class="col col-two">
<h1>What is the Zen Framework?</h1>
<p>The Zen Framework is an opinionated set of HTML structures and elements that are designed to remain consistent across a large set of sites. This allows for rapid development within a shared templating environment.</p>
<p>The core goal is that if a developer creates a design for the Zen Framework, then anyone in the world who is using the Zen Framework can adopt their design by simply using their CSS file. It's endlessly sharable.</p>
<p>While the Zen Framework may not be the best fit for every project, it does provide great value to organizations and developers that manage an incredibly large number of sites within a central organization. Not only will it help developers design consistently, but it will also save a lot of time when creating and updating designs.</p>
<h2>Getting Started</h2>
<p>Since the framework itself is just a set of HTML structures, all you need to do is create a CSS file that targets all of the DOM elements in the framework.<p>
<p>By taking advantage of OOCSS principles, organizing your CSS code is very easy. If you need a little help getting started, check out our starter kit CSS.</p>
</div>
<div class="col col-three">
<?php include('components/events.php'); ?>
</div>
</div>
<div class="grp grp-four">
<div class="col col-one">
<h1>Column One</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officia, ex unde atque cupiditate dolorem quam quis doloremque porro magni assumenda animi vero, tempore magnam placeat iusto nihil ipsa at. Maxime!</p>
</div>
<div class="col col-two">
<h1>Column Two</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores quo temporibus adipisci veritatis omnis perferendis at nemo vero assumenda deserunt maiores ipsa, error eos cumque? Quo ex quos in molestiae.</p>
</div>
<div class="col col-three">
<h1>Column Three</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere aliquid soluta modi repellat ea accusamus, doloribus, veniam temporibus iure natus quia vel sed enim nihil, quaerat labore iste architecto autem.</p>
</div>
<div class="col col-four">
<h1>Column Four</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit rerum quisquam dignissimos, deleniti! Ut laborum soluta ad itaque, fugiat ducimus tenetur nemo cupiditate iste quibusdam neque veniam molestiae, quos architecto.</p>
</div>
</div>
</div>
<?php include('partials/site-footer.php'); ?>
<?php include('partials/wvu-footer.php'); ?>
<?php include('partials/bottom.php'); ?>