-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
136 lines (119 loc) · 5.78 KB
/
index.html
File metadata and controls
136 lines (119 loc) · 5.78 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
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Home</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
<link rel="stylesheet" href="css/index.css">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0" >
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<nav class="container-fluid sticky-top custom-nav nav-expand">
<h1>S&J</h1>
<img src="./img/nav-hamburger.png" alt="Navigation hamburger closed" class="img-fluid hamburger">
</nav>
<nav class="menu">
<a href="./index.html">Home</a>
<a href="./services.html">Services</a>
<a href="./contact.html">Contact</a>
</nav>
<div class="cta">
<h1 class="cta-text">Integrity,<br>
Excellence,<br>
Progress.
</h1>
<img src="./img/home/home-jumbotron.png" class="img-fluid jumbo" alt="jumbo">
</div>
<div class="container">
<div class="row content1 box1">
<div class="col-sm-6 col-12 content1-text">
<h1 class="heading">Smith & Jones Architects</h1>
<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>
<h1 class="button">Learn More</h1>
</div>
<div class="col-sm-6 col-12">
<img src="./img/home/home-img-1.png" class="img-fluid home-img-1" alt="home Image 1">
</div>
</div>
<div class="row content1 box2">
<div class="col-sm-6 col-12">
<img src="./img/home/home-img-2.png" class="img-fluid home-img-2" alt="home Image 2">
</div>
<div class="col-sm-6 col-12 content1-box2-text">
<h1 class="heading">Futuristic Designs</h1>
<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>
<h1 class="button">View Designs</h1>
</div>
</div>
<h1 class="recent-projects">Recent Projects</h1>
<div class="content2 box1">
<h1 class="label-overlay">THE VILLAS</h1>
<img src="./img/home/home-villas-img.png" alt="picture of villas" class="img-fluid content2-img home-villas-img">
</div>
<p class="content2-text my-5 mx-auto">
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="content2-text my-5 mx-auto">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>
<div class="content2 box2">
<h1 class="label-overlay">OUTSKIRTS</h1>
<img src="./img/home/home-outskirts-img.png" alt="picture of outskirts" class="img-fluid content2-img home-outskirts-img">
</div>
<p class="content2-text my-5 mx-auto">
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="content2-text my-5 mx-auto">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>
<div class="content2 box1 box3">
<h1 class="label-overlay">THE BLOCKS</h1>
<img src="./img/home/home-the-blocks-img.png" alt="picture of villas" class="img-fluid content2-img home-the-blocks-img">
</div>
<p class="content2-text my-5 mx-auto">
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="content2-text my-5 mx-auto">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>
</div>
<footer>
<div class="footer-row">
<div class="email-section">
<h1>Interested in starting a project? <br>Let's talk:
</h1>
<form>
<div class="form-group">
<label for="exampleInputEmail1"></label>
<input type="email" class="form-control" id="InputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
<small id="emailHelp" class="form-text">We'll never share your email with anyone else.</small>
</div>
</form>
</div>
<p>
<span class="footer-heading">New York</span> <br>
123 Lane <br>
Suite 100 <br>
Albany, NY 12345 <br>
202 555 0144
</p>
<p>
<span class="footer-heading"> Florida</span> <br>
Ocean Drive <br>
Suite 201 <br>
Orlando, FL 22345 <br>
502 555 0144
</p>
<!-- FOnt-weight could possibly be a little lighter -->
<p>
<span class="footer-heading">California</span><br>
Mountain Street <br>
Suite 105 <br>
San Diego, CA 22345 <br>
702 555 0144
</p>
</div>
<p class="copyright">Copyright © 2018 Smith and Jones</p>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.1/TweenMax.min.js"></script>
<script src="js/index.js"></script>
</body>
</html>