-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
109 lines (86 loc) · 4.44 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
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>DFS Construction Ltd. | Home</title>
<link rel="stylesheet" href="css/style.css">
<link rel="icon" href="img/main/favicon.png">
<link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet">
</head>
<body>
<header id="home-header">
<a href="index.html"><img src="img/main/logo-header.png" id="logo-header" /></a>
<nav>
<a href="index.html" id="current" class="nav">Home</a>    |   
<a href="services.html" class="nav">Services</a>    |   
<a href="projects.html" class="nav">Projects</a>    |   
<a href="contact.html" class="nav">Contact</a>
</nav>
<h2>Quality is our first <br />priority</h2>
<i class="arrow down" onclick="window.location.href='#intro'"></i>
</header>
<section id="intro" class="grey">
<div class="vl"></div>
<p>
<strong>Welcome to DFS Construction.</strong> We pride ourselves on delivering quality solutions for your construction needs, providing expertise in all things plasterboard related.
Mainly specialising in commercial jobs, we ensure that your project is in safe and professional hands so that your walls and ceilings are completed to the highest of standards.
No matter how big or small, we've got you covered.
</p>
<div class="vl"></div>
</section>
<section class="flex" id="what-we-do-flex">
<img src="img/home/what-we-do.jpg" id="specialise-left" />
<div id="specialise-right">
<div id="specialise-text">
<h3>What We Do</h3>
<strong>We specialise</strong> in a number of services, but one thing they all have in common is their quality.
From fixings to stoppings, walls to ceilings, you're in good hands.
<br /> <br />
<button type="button" onclick="window.location.href='services.html'" id="btn-learn-more">Learn More</button>
</div>
</div>
</section>
<section id="projects" class="grey">
<div class="flex" id="title-projects-home">
<div class="vl"></div>
<h4>Explore Our Projects</h4>
</div>
<div class="flex" id="projects-home">
<div class="flex" id="projects-container">
<img src="img/home/current-project.jpg" id="current-project-home" onclick="window.location.href='projects.html#current-project'" />
<button type="button" onclick="window.location.href='projects.html#current-project'" id="btn-projects">Current Project</button>
</div>
<div class="long-vl"> </div>
<div class="flex" id="projects-container">
<img src="img/home/past-projects.jpg" id="past-projects-home" onclick="window.location.href='projects.html#past-projects'" />
<button type="button" onclick="window.location.href='projects.html#past-projects'" id="btn-projects">Past Projects</button>
</div>
</div>
</section>
<section id="contact">
<h6>Have a project?</h6> <br />
<button type="button" onclick="window.location.href='contact.html'" id="btn-contact">Contact Us</button>
</section>
<footer>
<h8 style="text-align: center; color: black; margin-top: 1%;">Our Suppliers</h8>
<div class="footer-second">
<h7 id="footer-text">
<strong>DFS Contruction Limited</strong> <br />
Level 4, 210 Khyber Pass Road <br />
Grafton, Auckland, 1023<br />
Phone: (09) 357 0168 <br />
PO Box: 137320, Parnell, Auckland, 1152
</h7>
<div class="footer-suppliers-img">
<img src="img/suppliers/carters.png" id="suppliers" />
<img src="img/suppliers/potter.png" id="suppliers" />
<img src="img/suppliers/placemakers.png" id="suppliers" />
<img src="img/suppliers/nz-ceiling.png" id="suppliers" />
<img src="img/suppliers/srp.png" id="suppliers" />
<img src="img/suppliers/gib.png" id="suppliers" style="width: 30%;" />
</div>
<a href="#home-header"><img src="img/main/logo.png" id="footer-logo" /></a>
</div>
</footer>
</body>
</html>