-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
117 lines (117 loc) · 6.73 KB
/
index.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
110
111
112
113
114
115
116
117
<html>
<head>
<title>PixelMEDIA Test | By Randall J. Rodrigues</title>
<meta charset="utf-8" />
<meta name="keywords" content="Randall Rodrigues, PixelMEDIA, Code Test,"/>
<meta name="author" content="Randall J. Rodrigues"/>
<meta name="description" content="PixelMEDIA Code Test | By Randall J. Rodrigues"/>
<meta name="viewport" content="width=device-width">
<meta name="robots" content="noindex, nofollow"/>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="css/main.css"/>
<script type="text/javascript" src="scripts/html5.js"></script>
<script type="text/javascript" src="scripts/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="scripts/jquery.glide.js"></script>
<script type="text/javascript" src="scripts/slider-init.js"></script>
<script type="text/javascript" src="scripts/nav.js"></script>
</head>
<body>
<header class="grid-max">
<nav class="mini-top-nav"><a href="">About ENCOM</a> <a href="">Careers</a> <a href="">Blog</a> <a href="" class="omega">Contact</a> </nav>
<nav class="main-nav clear"><a href="">Features</a> <a href="">Services</a> <a href="">Programs</a> <a href="">Customers</a> <a href="" class="see-it-in-action">See it in action</a></nav>
<img src="img/logo.png"/>
<span class="menu-trigger">Menu</span>
</header>
<header class="mobile-menu grid-max">
<nav><a href="">About ENCOM</a> <a href="">Careers</a> <a href="">Blog</a> <a href="" class="omega">Contact</a> </nav>
</header>
<main class="clearfix">
<section id="top-focus">
<section class="slider">
<section class="slides">
<article class="slide article_slide article_slide--first">
<div class="article-wrapper">
<section class="grid-10 push-1">
<h1>Lorem Ipsum</h1>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</section>
<a href="" class="grid-2 push-1 button learnmore clear">Learn More</a>
</div>
</article>
<article class="slide article_slide article_slide--second">
<div class="article-wrapper">
<section class="grid-10 push-1">
<h1>Quo Lorem Ipsum</h1>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</section>
<a href="" class="grid-2 push-1 button learnmore clear">Learn More</a>
</div>
</article>
<article class="slide article_slide article_slide--third">
<div class="article-wrapper">
<section class="grid-10 push-1">
<h1>Multo Magis Lorem Ipsum</h1>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</section>
<a href="" class="grid-2 push-1 button learnmore clear">Learn More</a>
</div>
</article>
</section>
</section>
<section class="grid-max center clearfix">
<h1>Introducing ENCOM</h1>
<p class="grid-10 push-1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae sem lacinia, iaculis leo id, tristique sapien. Vivamus fermentum, augue at bibendum faucibus, erat tortor auctor dolor, quis commodo eros orci eu felis. Vestibulum sit amet molestie leo. Donec ornare felis nisi, vitae dignissim orci luctus nec. </p>
</section>
</section>
<section id="advantages" class="grid-max center clear clearfix">
<h1 class="grid-10 push-1">Lorem ipsum dolor sit amet consectetur</h1>
<div class="icons grid-12 clear clearfix">
<div class="icon-wrapper">
<a href="" class="icon"><img src="img/cloud.png"><br><br>Cloud-based</a>
</div>
<div class="icon-wrapper">
<a href="" class="icon"><img src="img/flexible.png"><br><br>Flexible</a>
</div>
<div class="icon-wrapper">
<a href="" class="icon"><img src="img/costeffective.png"><br><br>Cost-effective</a>
</div>
<div class="icon-wrapper">
<a href="" class="icon"><img src="img/easy.png"><br><br>Easy-to-use</a>
</div>
<div class="icon-wrapper">
<a href="" class="icon"><img src="img/compliant.png"><br><br>Compliant</a>
</div>
</div>
<p class="clear grid-6 push-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae sem lacinia, iaculis leo id, tristique sapien. Vivamus fermentum, augue at bibendum faucibus</p>
</section>
<section id="partners" class="grid-max center">
<h1 class="grid-8 push-2">Dolor sit amet, consectetur adipiscing elit</h1>
<p class="grid-10 push-1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae sem lacinia, iaculis leo id, tristique sapien. Vivamus fermentum, augue at bibendum faucibus, erat tortor auctor dolor, quis commodo eros orci eu felis.</p>
<div class="grid-12 clear">
<a href=""><img class="partners" src="img/microsoft.png"/></a>
<a href=""><img class="partners" src="img/hp.png"/></a>
<a href=""><img class="partners" src="img/dell.png"/></a>
<a href=""><img class="partners" src="img/aisquared.png"/></a>
<a href=""><img class="partners" src="img/freedomscientific.png"/></a>
<a href=""><img class="partners" src="img/trendmicro.png"/></a>
</div>
</section>
</main>
<footer class="grid-max center clear clearfix">
<hgroup>
<h1>ENCOM</h1>
<h2>Out there is a new world!</h2>
</hgroup>
<div class="grid-4 push-4">
<a href="" class="socialicon"><img src="img/facebook.png"/></a>
<a href="" class="socialicon"><img src="img/twitter.png"/></a>
<a href="" class="socialicon"><img src="img/google+.png"/></a>
<a href="" class="socialicon"><img src="img/linkedin.png"/></a>
</div>
<nav class="clear center"><a href="">Terms of Use</a> | <a href="">Accessibility</a> | <a href="">Site Map</a></nav>
<span class="center">© 2007-2013 ENCOM, Inc. All Rights Reserved.</span>
</footer>
<script type="text/javascript" src="scripts/ga.js"></script>
</body>
</html>