-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
100 lines (96 loc) · 3.56 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Prescott Test</title>
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
<link rel="stylesheet" href="styles/prescott.css">
</head>
<body>
<nav role="navigation" >
<div class="logo" role="logo">
<img src="images/logo.png">
</div>
<ul class='menu'>
<li><a href="">Home</a></li>
<li><a href="">About Us</a></li>
<li><a href="">Portfolio</a></li>
<li><a href="">Services</a></li>
<li><a href="">Blog</a></li>
<li><a href="">Contact Us</a></li>
</ul>
<div role="email" ><a href="" id="contact-email">[email protected]</a></div>
</nav>
<main role="main">
<div class="banner" role="banner" class="banner">
<h1 role="header">
Creative<br>
Design<br>
Services
</h1>
<div class="banner-subtitle">
<h2 id="nice-work">Here's Some Nice Work</h2>
<h2>View Portfolio</h2>
</div>
<img src="images/banner-image.png">
</div>
<div class="section" role='section'>
<div class='text-column' id="col-1">
<h3>About Us</h3>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<a href="">Read</a>
</div>
<div class='text-column' id="col-2">
<h3>Our Benefits</h3>
<p>
</p><ul>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </li>
<li>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </li>
<li>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </li>
</ul>
<p></p>
</div>
<div class='text-column' id="col-3">
<h3>Testimonials</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
</div>
</div>
<div class="section" role="section">
<h3>Our Portfolio</h3>
<ul class='portfolio'>
<li><a href=""><img src="images/blog_skin_designs.png" alt="Blog Skin Designs"></a></li>
<li><a href=""><img src="images/wp_dreamland.png" alt="WP Dreamland"></a></li>
<li><a href= alt='Social Worthy'><img src="images/social_worthy.png"></a></li>
<li><a href=""><img src="images/best_moving_quotes.png" alt="Best Moving Quotes"></a></li>
</ul>
</div>
<div class="section" role="section">
<div class="blog-preview">
<h4>Blog Updates</h4>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div class="social">
<h4> Connect With Us</h4>
<ul>
<li> <a href=""><img src="" alt="tumblr"></a></li>
<li> <a href=""><img src="" alt="Facebook"></a></li>
<li> <a href=""><img src="" alt=""></a></li>
<li> <a href=""><img src="" alt="RSS Feed"></a></li>
</ul>
</div>
</div>
</main>
<footer role="site info">
<div>
<ul>
<li><a href="">Home</a></li>
<li><a href="">About Us</a></li>
<li><a href="">Portfolio</a></li>
<li><a href="">Services</a></li>
<li><a href="">Blog</a></li>
<li><a href="">Contact Us</a></li>
</ul>
<p>(c)2010 CreativeStudio. All Rights Reserved</p>
</div>
</footer>
</body>
</html>