-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
140 lines (107 loc) · 4.51 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="generator" content="Hugo 0.46" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>Lagrange Automation</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-orange.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat|Roboto" />
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
</head>
<body>
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
<header class="mdl-layout__header">
<div class="mdl-layout__header-row">
<span class="mdl-layout-title">Lagrange Automation</span>
</div>
</header>
<div class="mdl-layout__drawer">
<span class="mdl-layout-title">Lagrange Automation</span>
<nav class="mdl-navigation">
<a class="mdl-navigation__link" href="/#about">About</a>
<a class="mdl-navigation__link" href="/#services">Services</a>
<a class="mdl-navigation__link" href="/#contact">Contact</a>
</nav>
</div>
<main class="mdl-layout__content">
<div id="hero" class="mdl-grid">
<div class="mdl-cell mdl-cell--12-col">
<h1>Your infrastructure, automated fearlessly.</h1>
</div>
<div class="mdl-layout-spacer"></div>
<div class="mdl-cell mdl-cell--12-col">
<h4>Accelerate your business through reliable and nimble automation.</h4>
</div>
<div class="mdl-layout-spacer"></div>
</div>
<div id="content" class="mdl-grid">
<div id="about" class="mdl-cell--12-col">
<h2 class="mdl-typography--text-center">About</h3>
<p>
We're a DevOps consulting firm focused on building high reliability automation.
Our mission is to provide scalable solutions that provide stability in times of constant flux.
</p>
</div>
<div id="services" class="mdl-cell--12-col mdl-typography--text-center">
<h2>Services</h3>
</div>
<div class="mdl-cell mdl-cell--4-col service">
<div class="mdl-card mdl-shadow--2dp service-card">
<div class="mdl-card__title mdl-card--border">
<i class="material-icons md-light">track_changes</i>
<h3 class="mdl-card__title-text">Infrastructure as Code</h2>
</div>
<div class="mdl-card__supporting-text">
Build trust in your infrastructure through automation.
</div>
</div>
</div>
<div class="mdl-cell mdl-cell--4-col service">
<div class="mdl-card mdl-shadow--2dp service-card">
<div class="mdl-card__title mdl-card--border">
<i class="material-icons md-light">cloud</i>
<h3 class="mdl-card__title-text">Cloud Migrations</h2>
</div>
<div class="mdl-card__supporting-text">
Migrate from self-hosted infrastructure to the cloud - without surprises.
</div>
</div>
</div>
<div class="mdl-cell mdl-cell--4-col service">
<div class="mdl-card mdl-shadow--2dp service-card">
<div class="mdl-card__title mdl-card--border">
<i class="material-icons md-light">dns</i>
<h3 class="mdl-card__title-text">DevOps Consulting</h2>
</div>
<div class="mdl-card__supporting-text">
Replace manual processes and shell scripts with best of breed automation solutions.
</div>
</div>
</div>
<div id="services" class="mdl-cell--12-col">
<h2 class="mdl-typography--text-center">Contact</h3>
<p>
We're currently building out our web presence, check back soon!
</p>
</div>
</div>
<footer class="mdl-mini-footer">
<div class="mdl-mini-footer__left-section">
<div class="mdl-logo">© 2018 Lagrange Automation LLC</div>
</div>
</footer>
</main>
</div>
<script>
function close() {
var d = document.querySelector('.mdl-layout');
d.MaterialLayout.toggleDrawer();
}
document.querySelector('.mdl-layout__drawer').addEventListener('click', close);
</script>
</body>
</html>