-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathotayhteytta.html
131 lines (116 loc) · 5.24 KB
/
otayhteytta.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
<!DOCTYPE html>
<html lang="fi" dir="ltr">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Ota yhteyttä | Tuire Viita-aho</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
crossorigin="anonymous">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Kanit:300,400,500,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i" rel="stylesheet">
<!-- Own styles -->
<link rel="stylesheet" type="text/css" href="css/normalize.css">
<link rel="stylesheet" type="text/css" href="css/styles.css">
<link rel="stylesheet" type="text/css" href="css/otayhteytta.css">
</head>
<body>
<header>
<nav id="mainNavbar" class="navbar navbar-expand-lg navbar-dark fixed-top">
<div class="container">
<a class="navbar-brand" href="index.html">Tuire Viita-aho</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Etusivu</a>
</li>
<li class="nav-item">
<a class="nav-link" href="raportti.html">Raportti</a>
</li>
<li class="nav-item">
<a class="nav-link" href="lomake.html">Lomake</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="otayhteytta.html">Ota yhteyttä<span class="sr-only">(current)</span></a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main>
<div class="yla">
<img class="ylakuva" src="img/nappaimisto.jpg" alt="nappaimisto">
<div class="centered">
<div class="ylatekstit alasivu sivu">
<h1>No, tykkäsitkö?</h1>
<h2>Voin tehdä toisetkin sivut, mutta se maksaa.</h2>
</div>
</div>
</div>
<section class="yhteystiedot">
<div class="container alue1">
<div class="row">
<div class="col-xs-6 col-md-4">
<img id="tuire" src="img/tuire.jpg" alt="Tuire Viita-aho">
<h4>Ota yhteyttä</h4>
<p>Tuire Viita-aho<br>
<a href="tel:+358404871441">040 487 1441</a><br>
<a href="mailto:tuirevii@gmail.com">tuirevii@gmail.com</a><br>
<a href="https://linkedin.com/in/tuirevii" target="_blank"><i class="fab fa-linkedin"></i></a>
</div>
<div class="col-xs-6 col-md-8 kartta">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1935.733826102608!2d24.474141715827866!3d60.97649298491326!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x468e5d7f1a184209%3A0xe69734d5c10042bd!2sH%C3%A4meen+ammattikorkeakoulu+(HAMK)!5e0!3m2!1sfi!2sfi!4v1543617719707"
width="100%"
height="350"
frameborder="0"
style="border:0"
allowfullscreen>
</iframe>
</div>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h4>Ota yhteyttä</h4>
<p>Tuire Viita-aho<br>
<a href="tel:+358404871441">040 487 1441</a><br>
<a href="mailto:tuirevii@gmail.com">tuirevii@gmail.com</a><br>
<a href="https://linkedin.com/in/tuirevii" target="_blank"><i class="fab fa-linkedin"></i></a>
</p>
</div>
</div>
</div>
</footer>
<footer id="copyright">
<div class="container">
<div class="row">
<div class="col-sm-12">
<p><span class="pull-right">© Tuire Viita-aho 2018</span></p>
</div>
</div>
</div>
</footer>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
crossorigin="anonymous"></script>
<!-- Own scripts -->
<script src="js/scripts.js"></script>
</body>
</html>