-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
145 lines (134 loc) · 6.12 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Hammersmith+One&family=Open+Sans&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/CSS/basscss-grid.css">
<link rel="stylesheet" href="/CSS/font.css">
<link rel="stylesheet" href="/CSS/style.css">
<link rel="stylesheet" href="/CSS/queries.css">
<link rel="stylesheet" href="/CSS/about.css">
<link rel="stylesheet" href="/CSS/projects.css">
<link rel="stylesheet" href="/CSS/services.css">
<link rel="stylesheet" href="/CSS/careers.css">
<link rel="stylesheet" href="/CSS/contacts.css">
<link rel="stylesheet" href="/CSS/opening01.css">
<link rel="stylesheet" href="/CSS/opening02.css">
<link rel="stylesheet" href="/CSS/opening03.css">
<title>Stornoway</title>
</head>
<body class="about-page">
<header class="header container">
<span class="f-white">
<a href="index.html">Stornoway</a>
</span>
<nav>
<a href="about.html" class="selected">About</a>
<a href="projects.html">Projects</a>
<a href="services.html">Services</a>
<a href="careers.html">Careers</a>
<a href="contacts.html">Contacts</a>
</nav>
</header>
<div class="menu-icon grid">
<div class="menu on-top">
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="17px" viewBox="0 0 24 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Group</title>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Group" fill="#FFFFFF" fill-rule="nonzero">
<rect id="Rectangle" x="0" y="0" width="24" height="3"></rect>
<rect id="Rectangle" x="0" y="7" width="24" height="3"></rect>
<rect id="Rectangle-Copy" x="0" y="7" width="24" height="3"></rect>
<rect id="Rectangle" x="0" y="14" width="24" height="3"></rect>
</g>
</g>
</svg>
</div>
<div class="close-menu on-top">
<?xml version="1.0" encoding="UTF-8"?>
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Path</title>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon id="Path" fill="#FFFFFF" fill-rule="nonzero" points="20 2.27368421 17.7263158 2.67121329e-16 10 7.72631579 2.27368421 0 1.06848532e-15 2.27368421 7.72631579 10 0 17.7263158 2.27368421 20 10 12.2736842 17.7263158 20 20 17.7263158 12.2736842 10"></polygon>
</g>
</svg>
</div>
</div>
<div class="menu-box">
<nav>
<a href="about.html" class="selected">About</a>
<a href="projects.html">Projects</a>
<a href="services.html">Services</a>
<a href="careers.html">Careers</a>
<a href="contacts.html">Contacts</a>
</nav>
</div>
<section class="hero f-white">
<h1>
ABOUT
</h1>
</section>
<section class="history frame">
<section class="history-content-1">
<h3 class="md-col-12 lg-col-4">
Stornoway services and history
</h3>
<p class="history-p-1 md-col-12 lg-col-4">
Stornoway started as a statement against the sloppy professional standards that dominated the field of construction services 20 years ago. We wanted to set a new, high standard and work as consultants, solving our clients’ problems.
</p>
<p class="history-p-2 md-col-12 lg-col-4">
The company quickly grew and cemented itself as the new golden standard in commercial construction. Today we continue to build on that legacy and strive for excellence at everything we do.
</p>
</section>
<section class="history-images">
<div class="history-img1 md-col-12 lg-col-8"></div>
<div class="history-img2 md-col-12 lg-col-4"></div>
</section>
<section class="history-content-2">
<h3 class="md-col-12 lg-col-4">
Stornoway people and culture
</h3>
<p class="history-p-3 md-col-12 lg-col-4">
Our people are what make us unique. Rather than outsourcing our construction engineers from questionable outsourcing establishments, we provide them with an environment that supports professional growth.
</p>
<p class="history-p-4 md-col-12 lg-col-4">
At Stornoway, we are strong believers in giving our employees a voice. Our teams are put together with the help of our resident psychologist to ensure maximum productivity and engagement.
</p>
</section>
</section>
<footer class="footer">
<div class="footer-left">
<span class="f-white">
STORNOWAY
</span>
<p class="f-white">
Powered by Zyro.com
</p>
</div>
<div class="footer-right">
<div class="footer-address">
<p class="f-white">
Muller Strasse 34, 74133
</p>
<p class="f-white">
Hamburg, Germany
</p>
</div>
<div class="footer-contact">
<p class="f-white">
+18187882178
</p>
<p class="f-white">
</p>
</div>
</div>
</footer>
<script src="/JS/main.js"></script>
</body>
</html>