-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
94 lines (83 loc) · 3.62 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
<!DOCTYPE html>
<html lang="no">
<head>
<meta charset="utf-8">
<title>Sucic Solutions</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="/css/hamburgers.css">
<link rel="stylesheet" type="text/css" href="/css/style.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="/js/script.js"></script>
</head>
<body>
<nav class="navbar">
<div class="navbar-logo">
Sucic Solutions
</div>
<ul>
<li><a href="#">Hjem</a></li>
<li><a href="#projects">Prosjekter</a></li>
<li><a href="#contact">Kontakt</a></li>
</ul>
<button class="hamburger hamburger--squeeze" type="button">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</button>
</nav>
<div class="bg-top">
<div class="dark-overlay"></div>
</div>
<div class="info-card bg-info-card">
<h1>Hva er Sucic Solutions?</h1>
<p>Sucic Solutions er et app- og webutviklingsforetak drevet av programvareutvikler <a href="https://www.facebook.com/sucic.toni">Toni Sucic</a>. Foretaket spesialiserer seg på utvikling av skreddersydde løsninger til bedrifter samt egenutviklede applikasjoner.</p>
</div>
<div class="container lower-container">
<section class="content" id="projects">
<h1 class="big-title">Prosjekter</h1>
<hr>
<p>
<img class="tiny-pic" src="/img/geoletter.png">
<h1>Geoletter</h1>
Geoletter er en app som lar deg legge ut innlegg på stedet du befinner deg på som består av et bilde og en melding. Andre brukere av appen kan se og kommentere innleggene du har lagt ut, men kun hvis de befinner seg innenfor en 200 meters radius av der innlegget ble lagt ut. Alle innlegg og kommentarer er anonyme, og man må ikke lage en bruker for å kunne bruke appen.
</p>
<div class="clearfix"></div>
</section>
<section class="content" id="contact">
<h1 class="big-title">Kontakt</h1>
<hr>
<div class="contact">
<img src="/img/toni.jpg">
<table class="table">
<tr>
<th>Navn</th>
<td>Toni Sucic</td>
</tr>
<tr>
<th>Rolle</th>
<td>Innehaver</td>
</tr>
<tr>
<th>Mobil</th>
<td>+47 473 67 361</td>
</tr>
<tr>
<th>Epost</th>
<td><a href="mailto:toni.sucic@icloud.com">toni.sucic@icloud.com</a></td>
</tr>
<tr>
<th>Linkedin</th>
<td><a href="https://www.linkedin.com/in/tonisucic">/in/tonisucic</a></td>
</tr>
</table>
</div>
</section>
</div>
<footer>
Opphavsrett © Sucic Solutions
</footer>
</body>
</html>