-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
112 lines (92 loc) · 4.7 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
<title>Byggkostnad</title>
<!-- CSS -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet'>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.2/css/materialize.min.css">
<link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
</head>
<body>
<div class="section no-pad-bot valign-wrapper" id="index-banner">
<div class="container center">
<div class="bgletterB disableselect">B</div>
<div class="bgletterK disableselect">K</div>
<a href="http://byggkostnad.com/"><h1 class="header center allcaps white-text disableselect">Byggkostnad</h1></a>
<div class="row center">
<h5 class="header col s12 white-text">Analyse development costs</h5>
</div>
<div class="row center">
<a href="#contact-form" id="download-button" class="btn-large waves-effect waves-blueish white black-text">Get started</a>
</div>
</div>
</div>
<div id="middle-section" class="section no-pad-bot">
<div class="container">
<div id="carwidth" class="hide-on-small-only disableselect carousel carousel-slider center-block disableselect z-depth-1" data-indicators="true">
<div class="carousel-item white" href="#one!">
<h2 class="carleft allcaps left left-align">Speed Up Development</h2>
<p class="carright grey-text right left-align">We use computer science to analyse code and give helpful advice for how to tackle the complexity and cost of your solution.</p>
</div>
<div class="carousel-item white black-text" href="#two!">
<h2 class="carleft allcaps left left-align">User Experience Focused</h2>
<p class="carright grey-text right left-align">The goal for our product is to use user focused interfaces in order to help your team more accurately show you their development pain points.</p>
</div>
<div class="carousel-item white black-text" href="#three!">
<h2 class="carleft allcaps left left-align">Easy to work with</h2>
<p class="carright grey-text right left-align">We are using top of the line techniques to simplify your work experience managing costs. We strive to document and provide easy structural hints about your solution.</p>
</div>
</div>
<div class="section">
<div class="row center">
<div class="bgletterO disableselect hide-on-small-only">O</div>
<div class="col s6">
<h2 id="h2topsmall" class="allcaps center left-align">A Modern Approach</h2>
<h2 id="h2bottombig" class="allcaps left left-align">Managing Costs</h2>
</div>
</div>
<div class="row center">
<div id="middle-right" class="col s12 m5 l5 grey-text right left-align">
<p id="pbold">We use computer science to analyse code and give helpful advice for how to tackle the complexity and cost of your solution.</p>
<p id="pord">We use computer science to analyse code and give helpful advice for how to tackle the complexity and cost of your solution. We use computer science to analyse code and give helpful advice for how to tackle the complexity and cost of your solution.</p>
</div>
</div>
</div>
</div>
</div>
<div id="contact-section" class="section no-pad-bot valign-wrapper">
<div class="container">
<h2 id="getintouch" class="header allcaps center white-text">Get In Touch</h2>
<div class="row">
<form id="contact-form" target="_self" onsubmit="" action="" class="center-block">
<div class="row">
<div class="input-field col s12 m4">
<input required id="name" type="text" class="validate">
<label for="name" class="white-text contactfield">Name</label>
</div>
<div class="input-field col s12 m4">
<input required id="email" type="email" class="validate">
<label for="email" class="white-text contactfield">Email</label>
</div>
<div class="input-field col s12 m4">
<input required id="phone" type="tel" class="validate">
<label for="phone" class="white-text contactfield">Phone</label>
</div>
</div>
<br/>
<div class="row center">
<button id="submitbutton" class="btn waves-effect waves-light btn-large" type="submit" name="action">Send</button>
</div>
</form>
</div>
</div>
</div>
<!-- Scripts-->
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.2/js/materialize.min.js"></script>
<script src="js/init.js"></script>
</body>
</html>