-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
204 lines (196 loc) · 11.6 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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
<!--
__ __ ______
/\ \_\ \ /\ ___\
\ \____ \ __ \ \ __\ __
\/\_____\ /\_\ \ \_\ /\_\
\/_____/ \/_/ \/_/ \/_/
Designed and developed by Yusuf Fadairo. © 2017 https://yusuffadairo.com
-->
<!doctype html>
<html itemtype="http://schema.org/WebPage" lang="en">
<head>
<title>Northeast General Contracting Inc.</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="url" content="https://northeastcontracting.ca">
<meta name="coverage" content="Worldwide">
<meta name="distribution" content="Global">
<meta name="HandheldFriendly" content="True">
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="application-name" content="Northeast Contracting Inc.">
<meta name="description" content="Northeast General Contracting Inc. is a Toronto based general contracting company that focuses on providing seamless design, development, restoration and renovation of residential institutional, retail and commercial areas.">
<meta name="keywords" content="toronto, contractor, northeast, general, construction, design, development, restoration, renovation, residential, institutional, retail, commercial, website">
<meta name="language" content="en-us">
<meta name="revised" content="Thursday, Marc 2nd, 2017, 10:40:50 PM">
<meta name="author" content="yusuffadairo.com">
<meta name="owner" content="yusuffadairo.com">
<meta property="og:title" content="Northeast General Contracting Inc.®">
<meta property="og:type" content="website">
<meta property="og:url" content="https://northeastcontracting.ca">
<meta property="og:image" content="https://northeastcontracting.ca/img/logo/logo-mark.png">
<meta property="og:description" content="Northeast General Contracting Inc. is a Toronto based general contracting company that focuses on providing seamless design, development, restoration and renovation of residential institutional, retail and commercial areas.">
<link rel="stylesheet" href="css/index.css" />
<link rel="stylesheet" href="css/tachyons.min.css" />
<script type="text/javascript" cdn-src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js" src="js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="https://code.createjs.com/preloadjs-0.6.0.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
</head>
<body class="h-100 w-100 bg-white">
<div id="main-container" class="h-100 w-100 bg-white full-size absolute overflow-hidden">
<div id="loader" class="w-100 vh-100 dt zero-margin absolute bg-color--logo-grey full-page first-layer">
<div id="loading-logo" class="dtc v-mid tc ph3 ph4-l">
<div class="tc center w-20-ns w-50">
<img src="img/logo/logo.svg" alt="Northeast General Contracting Inc. Logo" class="w-100" />
</div>
<div id="loading-bar" class="tc center pv4 w-30-ns w-70">
<div id="loading-pill" class="pv1 ph1 ba bw2 black br-pill bg-white">
<div id="loading-fill" class="w-10 pa2 bg-black br-pill"></div>
</div>
</div>
</div>
</div>
<div id="header" class="first-layer w-100 h3-ns h3 fixed out-of-top-frame animate-header">
<div id="logo-container" class="third-layer w-100 h-100 mw-80 absolute">
<a href="/">
<div id="logo" class="h-100 pa2-ns pl4-ns pr1-ns pa1 pl2 fl dib mw-40">
<img src="img/logo/logo.svg" class="h-100" alt="Northeast General Contracting Inc. Logo" />
</div>
<div id="logo-text" class="h-100 pv3-ns pa3 pl1 cf dib mw-80">
<img src="img/logo/logo-text.svg" class="h-100" alt="Northeast General Contracting Inc. Logo" />
</div>
</div>
</a>
<div id="nav-container" class="first-layer dim absolute bg-color--logo-border h-100 mw-20 w3 top-0 right-0 shadow-3">
<div id="nav-button" class="rotate ph3 w-100 center-block">
<div id="" class="rotate bar top-bar w-100 pa0 bb bw1 b--white"></div>
<div id="" class="shrink bar mid-bar w-100 pa1 pb0 mb1 bb bw1 b--white"></div>
<div id="" class="rotate bar bottom-bar w-100 pa0 bb bw1 b--white"></div>
</div>
</div>
<div id="navigation" class="second-layer bg-color--logo-border white vh-100 w-50 second-layer absolute right--100 animate-right">
<ul id="menu" class="menu list absolute w-100 h-100 full-size pa5-ns pv5 pa1">
<li class="pa0 f-subheadline-ns f1-ns f3 lh-title fw6 center tc">
<a href="#about" class="pv2 link white db">About</a></li>
<li class="pa0 f-subheadline-ns f1-ns f3 lh-title fw6 center tc">
<a href="#projects" class="pv2 link white db">Projects</a></li>
<li class="pa0 f-subheadline-ns f1-ns f3 lh-title fw6 center tc">
<a href="#contact" class="pv2 link white db">Contact</a></li>
</ul>
</div>
</div>
<div id="pages" class="full-size second-layer top relative second-layer">
<div id="first-section" class="page-content section full-size bg-color--logo-blue fixed first-layer top-0">
<div id="project-gallery" class="vh-100 w-100 cf overflow-hidden no-space relative first-layer">
</div>
</div>
<a id="about"></a>
<div id="second-section" class="page-content section full-size-0 pa4-ns pa3 bg-whiteas bg-color--logo-light-grey relative first-layer mt-100vh">
<div class="ma4-ns ma1 pa4-ns pa2 ">
<h2 class="f-subheadline-ns f1-ns f2 lh-title fw5 black ma0 pa0 bb bw1 b--mid-gray ">About</h2>
<div class="db f5 f4-ns lh-copy h-100">
<p class="">Unlike your typical construction management firm, <span class="dark-blue-">Northeast General Contracting Inc.</span> looks at the big picture in any new construction and renovation projects to ensure owner satisfactions are completely met while guarantying the highest project quality.</p>
<p class="">
Northeast General Contracting Inc. is your expert in new builds and renovation projects with dedication and exceptional service in residential and commercial sectors.
</p>
</div>
</div>
</div>
<a id="projects"></a>
<div id="third-section" class="page-content section full-size-0 pa4-ns pa3 bg-whiteas bg-dark-blue relative first-layer bg-color--logo-light-grey">
<div class="ma4-ns ma1 pa4-ns pa2 bg-color--logo-blue-0">
<h2 class="f-subheadline-ns f1-ns f2 lh-title fw5 black ma0 pa0 white bb bw1 b--silver">Projects</h2>
<div class="db center f5 f4-ns lh-copy white bb- bw1- b--silver">
<div class="pa2">
<p class="pb0 mb0">
<span class="pt2 ma0 mt2">New Build, residential guest rental suites</span>
<span class="pb2 ma0 gray">Toronto, ON</span>
</p>
<div class="w-100 no-space">
<div class="relative dib ma0 pa0 w-50 w-third-m w-25-ns">
<div class="aspect-ratio transform-horizontally aspect-ratio--7x5">
<div class="db bg-center cover aspect-ratio--object" style="background-image: url(/img/proj/20150609_101307.jpg)"></div>
</div>
</div>
<div class="relative dib ma0 pa0 w-50 w-third-m w-25-ns">
<div class="aspect-ratio transform-horizontally aspect-ratio--7x5">
<div class="db bg-center cover aspect-ratio--object" style="background-image: url(/img/proj/20150609_101433.jpg)"></div>
</div>
</div>
<div class="relative dib ma0 pa0 w-50 w-third-m w-25-ns">
<div class="aspect-ratio transform-horizontally aspect-ratio--7x5">
<div class="db bg-center cover aspect-ratio--object" style="background-image: url(/img/proj/20160527_131702.jpg)"></div>
</div>
</div>
<div class="relative dib ma0 pa0 w-50 w-third-m w-25-ns">
<div class="aspect-ratio transform-horizontally aspect-ratio--7x5">
<div class="db bg-center cover aspect-ratio--object" style="background-image: url(/img/proj/20150609_101552.jpg)"></div>
</div>
</div>
</div>
</div>
</div>
<div class="db center f5 f4-ns lh-copy white">
<div class="pa2">
<p class="pb0 mb0">
<span class="pt2 ma0 mt2">New Build, residential rental suites</span>
<span class="pb2 ma0 gray">Ottawa, ON</span>
</p>
<div class="w-100 no-space">
<div class="relative dib ma0 pa0 w-50 w-third-m w-25-ns">
<div class="aspect-ratio transform-horizontally aspect-ratio--7x5">
<div class="db bg-center cover aspect-ratio--object" style="background-image: url(/img/proj/IMG_4636.jpg)"></div>
</div>
</div>
<div class="relative dib ma0 pa0 w-50 w-third-m w-25-ns">
<div class="aspect-ratio transform-horizontally aspect-ratio--7x5">
<div class="db bg-center cover aspect-ratio--object" style="background-image: url(/img/proj/IMG_4646.jpg)"></div>
</div>
</div>
<div class="relative dib ma0 pa0 w-50 w-third-m w-25-ns">
<div class="aspect-ratio transform-horizontally aspect-ratio--7x5">
<div class="db bg-center cover aspect-ratio--object" style="background-image: url(/img/proj/IMG_4650.jpg)"></div>
</div>
</div>
<div class="relative dib ma0 pa0 w-50 w-third-m w-25-ns">
<div class="aspect-ratio transform-horizontally aspect-ratio--7x5">
<div class="db bg-center cover aspect-ratio--object" style="background-image: url(/img/proj/IMG_4640.jpg)"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="footer" class="footer-image-bg bg-color--logo-border h-75 w-100 bottom-0 first-layer">
<footer class="white">
<a id="contact"></a>
<div class="center-block w-50-ns w-75 first-layer">
<div class="center" id="contact-us">
<fieldset class="ba b--transparent ph0 mh0">
<legend class="f3 fw4 ph0 mh0 tc">Contact Us</legend>
<div class="mt3">
<label class="db fw4 lh-copy f6" for="email-address">Email</label>
<input class="pa2 input-reset ba bg-white hover-b-gold w-100" type="email" name="email-address" id="email-address" autocomplete="off">
</div>
<div class="mv3">
<label class="db fw4 lh-copy f6" for="message">Message</label>
<textarea class="pa2 input-reset ba bg-white hover-b-gold w-100 resize-none" id="message" name="message"></textarea>
</div>
</fieldset>
<div class="">
<input id="submit-contact-form" class="pa3 input-reset ba b--green bg-green white grow pointer f6 dib w-100" type="submit" value="Submit">
</div>
</div>
</div>
<div class="top-100 absolute translate-y--100 pa0 ma0 center tc w-100">
<span class="color--logo-light-grey">© 2017 Northeast General Contracting Inc.</span>
</div>
</footer>
</div>
</div>
</div>
</div>
</body>
</html>