-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
89 lines (81 loc) · 4.29 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
<!DOCTYPE html>
<html>
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-166090330-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-166090330-1');
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/emailjs-com@2/dist/email.min.js"></script>
<script type="text/javascript">
(function() {
// https://dashboard.emailjs.com/admin/integration
emailjs.init("user_nodMGp19JtbITDD6mDqeM");
})();
</script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Atelier Even | Contact</title>
<link rel="icon" type="image/png" href="img/favicon_io/android-chrome-192x192.png" sizes="192x192">
<link rel="apple-touch-icon" sizes="180x180" href="img/favicon_io/apple-touch-icon.png">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<div class="navbar" id="navbar"></div>
<div class="contact-container" style="max-width:1250px">
<img id="contact-img" src="img/IMG_8987.jpg" alt="contact">
<div class="contact-section headcolumn">
<img src="img/Contact.png" alt="Contact" width="100%">
<br>
<p style="text-transform: uppercase; margin: 10px 0;">For more information, thoughts, collaborations, or just to say hi
- you are more than welcome to contact!</p>
<form id="contact-form">
<input type="hidden" name="contact_number">
<div class="form-group">
<label>Name:</label>
<input type="text" name="user_name" placeholder="Please enter your name" required />
</div>
<div class="form-group">
<label>Email:</label>
<input type="email" name="user_email" placeholder="Please enter your email address" required />
</div>
<div class="form-group">
<label>Message:</label>
<textarea name="message" placeholder="Type message here" rows="4"></textarea>
</div>
<input class="button" type="submit" name="submit" value="Send"/>
</form>
<p style="font-size: 20px; margin: 13px 0;"><span style="color: #FFD700; font-weight: bold; ">Email:</span> <a
style="text-decoration:underline;" href="mailto:[email protected]">[email protected]</a>
</p>
<p style="font-size: 20px; color: #FFD700; font-weight: bold; margin: 0;">Follow on:
<a
href="https://www.facebook.com/Atelier-Even-102605774880037"><img
src="img/256px-f_logo_(2019).png" alt="" width="28px"></a>
<a
href="https://www.pinterest.com/AtelierEven"><img src="img/pinterest.svg" alt="pinterest"
width="28px"></a>
<a href="https://github.com/ateliereven" target="_blank" aria-label="Github">
<img src="img/iconmonstr-github-1.svg" alt="View on Github" width="28px"/>
</a>
</p>
</div>
<div>
<p style="font-size: 20px; font-weight: bold; margin: 5px 0;">
Visit the online shop<span
style="color: #FFD700;">:</span>
</p>
<a href="https://www.etsy.com/il-en/shop/AtelierEven"><img src="img/shopicon.jpg" alt="shopicon" width="120px"></a>
<br>
<a style="text-decoration:underline; font-weight: normal;"
href="https://www.etsy.com/il-en/shop/AtelierEven">www.etsy.com/il-en/shop/AtelierEven</a>
</div>
</div>
<footer class="footer" id="footer"></footer>
<script src="js/pages.js"></script>
</body>
</html>