-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
115 lines (114 loc) · 5.48 KB
/
index.html
File metadata and controls
115 lines (114 loc) · 5.48 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
112
113
114
115
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Home</title>
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
<link rel="stylesheet" href="css/index.css">
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<nav>
<span id = 'logo'>S&J</span>
<img src="\img\nav-hamburger.png" id = 'nav-bar-closed'>
<img src="\img\nav-hamburger-close.png" id = 'close-button'>
</nav>
<section class = 'nav-bar-open'>
<p class = 'nav-options'>Home</p>
<p class = 'nav-options'>Services</p>
<p class = 'nav-options'>Contact</p>
</section>
<div id = 'main-content'>
<section id = 'title'>
<img src = "\img\home\home-jumbotron.png">
<h1>Integrity,<br>
Excellence,<br>
Progress.
</h1>
</section>
<div class = 'top-categories'>
<section class = 'content-block'>
<h3 class = 'subtitles'>Smith & Jones Architects</h3>
<p>Et sed autem causae appareat, tempor abhorreant te mei, facer facilisis sit ea. Eu timeam vidisse consectetuer sed. Duo etiam laboramus dissentiet in, nec no errem</p>
<span class = 'subtitle-buttons'>Learn More</span>
</section>
<img src = "\img\home\home-mobile-img-1.png" alt = "Blueprints example">
</div>
<div class = 'top-categories' id = 'Futuristic-Designs-block'>
<img src="\img\home\home-img-2.png" alt = "Futuristic Design example">
<section class = 'content-block'>
<h3 class = 'subtitles'>Futuristic Designs</h3>
<p>Et sed autem causae appareat, tempor abhorreant te mei, facer facilisis sit ea. Eu timeam vidisse consectetuer sed. Duo etiam laboramus dissentiet in, nec no errem</p>
<span class = 'subtitle-buttons'>View Designs</span>
</section>
</div>
<div class = 'bottom-categories'>
<h3 class = 'subtitles'>Recent Projects</h3>
<section class = 'recent-projects'>
<section class = 'title-pic-combo'>
<img src="\img\home\home-villas-img.png" alt = " The Villas pic">
<h3 class = subtitles-overlay id = 'Villas-title'>THE VILLAS</h3>
</section>
<p class = 'text-content'>The Villas bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution.</p>
<p class = 'text-content'>Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.</p>
</section>
<section class = 'recent-projects'>
<section class = 'title-pic-combo'>
<img src="\img\home\home-outskirts-img.png" alt = "Outskirts pic">
<h3 class = subtitles-overlay id = 'Outskirts-title'>OUTSKIRTS</h3>
</section>
<p class = 'text-content'>The Outskirts are amazing to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution.</p>
<p class = 'text-content'>Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.</p>
</section>
<section class = 'recent-projects'>
<section class = 'title-pic-combo'>
<img src="\img\home\home-the-blocks-img.png" alt = "The Blocks pic">
<h3 class = 'subtitles-overlay' id = 'Blocks-title'>THE BLOCKS</h3>
</section>
<p class = 'text-content'>The Blocks are amazing to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution.</p>
<p class = 'text-content'>Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.</p>
</section>
</div>
</div>
<footer>
<div id = 'start-project-block'>
<span class = 'footer-titles' id = 'email-entry-title'>Interested in starting a project?<br>
Let’s talk:
</span>
<section id = 'email-enter'>
<span id = 'email-enter-text'>Enter email</span>
</section>
<span id = 'security-notice'>We'll never share your email with anyone else.</span>
</div>
<div id = 'locations-list'>
<section class = 'locations'>
<span class = 'footer-titles'>New York</span>
<span>123 Lane</span>
<span>Suite 100</span>
<span>Albany, NY 12345</span>
<span>202 555 0144</span>
</section>
<section class = 'locations'>
<span class = 'footer-titles'>Florida</span>
<span>Ocean Drive</span>
<span>Suite 201</span>
<span>Orlando, FL 22345</span>
<span>502 555 0144</span>
</section>
<section class = 'locations'>
<span class = 'footer-titles'>California</span>
<span>Mountain Street</span>
<span>Suite 105</span>
<span>San Diege, CA 22345</span>
<span>702 555 0144</span>
</section>
</div>
</footer>
<div id = 'Copyright'>
<span>Copyright © 2018 Smith and Jones</span>
</div>
<script src="js/index.js"></script>
</body>
</html>