-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
174 lines (170 loc) · 9.06 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.css">
<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=Work+Sans:ital,wght@0,300;0,400;0,600;0,700;1,500;1,700;&display=swap" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<title>Document</title>
</head>
<body class="h-screen bg-gray-900">
<nav class="bg-gray-900 flex flex-col justify-center items-center shadow-lg">
<img class="w-32 h-24 object-contain" src="/img/geosatlogo.png" alt="">
<ul class="navLinks flex justify-center place-items-center gap-2 bg-yellow-500 w-full text-white font-bold">
<li class="p-2 hover:bg-gray-900 flex items-center">
<div class="rounded-full grid place-content-center w-7 h-7 bg-gray-900">
<i class="fas fa-hard-hat text-yellow-500 text-sm"></i>
</div>
<a href="/omoss.html" class="px-2">Om oss</a>
</li>
<li class="p-2 hover:bg-gray-900 flex items-center">
<div class="rounded-full grid place-content-center w-7 h-7 bg-gray-900">
<i class="fas fa-phone text-yellow-500 text-sm"></i>
</div>
<a class="px-2" href="">073 748 483</a>
</li>
</ul>
</nav>
<header class="relative flex h-3/5">
<div class="bg-cover object-center w-full h-full min-w-max background-image"></div>
<div class="absolute top-1/4 left-1/4 ">
<h1 class="lg:text-9xl text-7xl font-black text-gray-900 py-4">VI STÄLLER UPP!</h1>
<a href="" class="bg-yellow-500 text-white py-2 px-4 font-bold">KONTAKTA OSS</a>
</div>
</header>
<main class="bg-gradient-to-b from-gray-800 to-gray-900 grid grid-cols-6 gap-12 pt-28">
<div class="col-start-1 md:col-start-2 col-span-6 md:col-span-4 bg-gray-800 mx-4 shadow-xl">
<h2 class="bg-yellow-500 text-3xl text-white font-black py-4 px-6">INMÄTNING</h2>
<div class="sm:flex justify-center items-start py-8">
<ul class="px-6 text-white font-bold text-xl w-full space-y-4">
<li>Projekteringsinmätningar</li>
<li>Kabelinmätning i stan eller ute på landet.</li>
<li>Gasinmätning distribution och serviser.</li>
<li>Sjömätning</li>
<li>Redovisning i önskat koordinatsystem och filformat.</li>
<li>Inmätning av areal och framtagning av fastighetsgränser.
</li>
</ul>
<ul class="px-6 text-white font-bold text-xl w-full space-y-4">
</li>
<li>SAC kontroller
</li>
<li>Mäter in befintlig mark och skapar terrängmodeller
</li>
<li>Massberäkning</li>
<li>Inmätning för relationshandlingar
</li>
<li>Sättningskontroller</li>
<li>Mäter in spår.
</li>
</ul>
</div>
</div>
<div class="col-start-1 row-start-2 md:col-start-2 col-span-6 md:col-span-4 bg-gray-800 mx-4 shadow-xl">
<h2 class="bg-yellow-500 text-center sm:text-left text-3xl text-white font-black py-4 px-6">UTSÄTTNING</h2>
<div class="sm:flex justify-center items-start py-8">
<ul class="px-6 text-white font-bold text-xl w-full space-y-4">
<li>Hitta polygonpunkter.
</li>
<li>Skapar eller förtätar byggnät.
</li>
<li>Avväger polygonpunkter.</li>
<li>Sätter ut arbetsområde.
</li>
<li>Sätter ut matjordsavbaningar och upplag.
</li>
</ul>
<ul class="px-6 py-8 text-white font-bold text-xl w-full space-y-4">
<li>Sätter ut för väg, VA, broar och bullarvallar.
</li>
<li>Sköter om maskinstyrning.
</li>
<li>Husutsättning.
</li>
<li>Att sätta ut kabel med koordinater.
</li>
</ul>
</div>
</div>
<div class=" col-span-6 row-start-3 bg-gray-800 py-16 mt-28">
<div class="col-start-1 row-start-2 md:col-start-2 flex flex-col items-center">
<h2 class="text-6xl font-black text-white p-2">Maskinstyrning</h2>
<h3 class="text-yellow-500 font-bold">Vi har kompetens och skräddarsyr lösningen efter ditt behov.</h3>
<details>
<summary class="text-white text-center bg-gray-900 py-2 px-4 mt-8">Läs mer</summary>
<div class="flex sm:flex-row flex-col text-white bg-gray-900 p-16">
<div class="mr-28">
<ul>
<h2 class="font-bold ">Uthyrning av:</h2>
<li>Totalstationer</li>
<li>Trimble ATS och UTS</li>
<li>Maskindatorer</li>
<li>Georog och Georog UMC3D</li>
<li class="mb-8">Trimble CB460</li>
</ul>
</div>
<div>
<p>Tillverkning av modeller för maskinstyrning.
Kunnig personal som etablerar referenssystem och sköter om instrumenten samt lägger in Er data. Vi kan också vara behjälpliga med utsättning av arbetsplatser.
</p>
<br>
<p>
Som mest har vi hållit igång 8 stycken maskinstyrningar på samma arbetsplats, monterade på bandschaktare, hjullastare, väghyvel och grävmaskin, med användningsområde från bullervall upp till bärlager.
Vi kan även styra asfaltläggare och asfaltfräs med millimeterprecision.
</p>
<br>
<p>
Även på mindre arbetsplatser med 1 till 2 maskiner kan det vara värt att använda maskinstyrning, till och med under så kort tidsrymd som 1-2 veckor.
</p>
</div>
</div>
</details>
</div>
</div>
</main>
<footer class="bg-gray-900 flex flex-col justify-center items-center mt-28">
<ul class="navLinks flex flex-col sm:flex-row justify-center items-center gap-2 bg-yellow-500 w-full text-white font-bold">
<li class="p-2 hover:bg-gray-900 flex items-center">
<div class="rounded-full grid place-content-center w-7 h-7 bg-gray-900">
<i class="fab fa-facebook-f text-yellow-500 text-sm"></i>
</div>
<a href="" class="px-2">Facebook</a>
</li>
<li class="p-2 hover:bg-gray-900 flex items-center">
<div class="rounded-full grid place-content-center w-7 h-7 bg-gray-900">
<i class="fab fa-instagram text-yellow-500 text-sm"></i>
</div>
<a href="" class="px-2">Instagram</a>
</li>
<li class="p-2 hover:bg-gray-900 flex items-center">
<div class="rounded-full grid place-content-center w-7 h-7 bg-gray-900">
<i class="fas fa-phone text-yellow-500 text-sm"></i>
</div>
<a class="px-2" href="">073 748 483</a>
</li>
</ul>
<div class="text-center">
<div class="container flex-col items-center justify-center">
<img class="w-32 h-24 object-contain" src="/img/geosatlogo.png" alt="">
</div>
<small class="text-white italic">
Copyright © 2021
</small>
<form>
<div class="text-white font-bold">
<label for="form">Anmäl dig till vårat nyhetsbrev</labek>
<input type="email" name="emai" id="required">
</div>
<button class="">
<input type="submit" value="Subscribe!">
</button>
</form>
</div>
</footer>
</body>
</html>