-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathcontact.html
134 lines (114 loc) · 4.41 KB
/
contact.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
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<title>Anna Szparaga</title>
<meta name="description"
content="Hi! My name is Anna and this is ny portfolio. You are welcome to check out my projects. Feel free to contact me if you are interested in cooperation." />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="apple-touch-icon" href="icon.png" />
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="dist/css/hamburger.css" />
<link rel="stylesheet" href="dist/css/main.css" />
<script src="https://kit.fontawesome.com/f98c3deb06.js" crossorigin="anonymous"></script>
<!-- Jquery and slick to testimonials START-->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.css" />
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/jquery.slick/1.5.0/slick-theme.css" />
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
<!-- Jquery and slick to testimonials END-->
</head>
<body>
<header id="newHeaderBG">
<div class="hiddenBurger">
<button class="hamburger hamburger--collapse" type="button">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</button>
</div>
<div class="greenBG-menu">
<section class="nav-container">
<nav class="nav">
<ul class="menu-nav collapsed">
<li class="menu-nav-item">
<a href="index.html">Home</a>
</li>
<li>
<a href="projects.html">Latest projects</a>
</li>
<li>
<a href="cv.html">CV & references</a>
</li>
<li>
<a href="contact.html" class="active">Contact</a>
</li>
</ul>
</nav>
</section>
</div>
</header>
<section class="contact">
<div class="wrapper-contact">
<div class="contactinfo-conatiner">
<h1>Contact Me</h1>
<div class="contact-list">
<div class="contact-div">
<i class="fas fa-envelope contact-icon"></i>Email
<a href="mailto:[email protected]?" target="_blank">
<h2>[email protected]</h2>
</a>
</div>
<div class="contact-div">
<i class="fas fa-mobile-alt contact-icon"></i>Phone
<h2>+46 760 736 574</h2>
</div>
<div class="contact-div">
<i class="fab fa-linkedin contact-icon"></i>Linkedin
<h2><a href="https://www.linkedin.com/in/anna-szparaga/" target="_blank">Anna Szparaga</a></h2>
</div>
<div class="contact-div">
<i class="fas fa-globe contact-icon"></i>Webiste
<h2><a href="https://www.annaszparaga.com/" target="_blank">www.annaszparaga.com</a></h2>
</div>
</div>
</div>
<div class="contactform-container">
<form action="https://api.annaszparaga.com/send_contact_form" method="POST">
<div>
<div class="contactform-input">
<h4>Name</h4>
<input name="name" placeholder="Jane" class="input-field" required>
</div>
<div class="contactform-input">
<h4>E-mail</h4>
<input name="email" placeholder="[email protected]" class="input-field" required>
</div>
</div>
<div class="email-textarea">
<textarea name="message" placeholder="Message" rows="5" class="textarea-field"></textarea>
</div>
<div class="btn-div">
<button id="btn-submit" type="submit" class="btn-submit">Send</button>
</div>
</div>
</form>
</div>
</section>
<footer class="footer-container">
<div class="footer1 hidden-footer">
<h3>Do you like my work?</h3>
<h3>
Contact me on
<a href="https://www.linkedin.com/in/anna-szparaga/" target="_blank">Linkedin</a>
</h3>
</div>
<div class="footer2">
<h4>© 2020 Anna Szparaga</h4>
</div>
</footer>
<script src="js/main.js"></script>
</body>
</html>