-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
117 lines (111 loc) · 4.5 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contacts</title>
<link rel="preload" href="css/style.min.css" as="style">
<link rel="preload" href="js/main.min.js" as="script">
<link rel="stylesheet" href="css/style.min.css">
</head>
<body>
<div class="first-screen">
<div class="first-screen__wrapper" style="background-image: url('images/contact-header.jpg')">
<header class="header">
<div class="header__wrapper">
<div class="header__logo">
<a class="header__logo-link" href="index.html">
<img class="header__logo-img" src="images/cd-logo.png" alt="shit happens">
</a>
</div>
<div class="header__burger">
<span class="header__menu">menu</span>
<span class="header__burger-line"></span>
</div>
</div>
<div class="menu">
<div class="menu__wrapper menu-hidden">
<div class="header__burger">
<span class="header__menu">menu</span>
<span class="header__burger-line"></span>
</div>
<nav class="menu__nav">
<ul class="menu__list">
<li class="menu__item"><a href="index.html" class="menu__link">Home</a></li>
<li class="menu__item"><a href="about.html" class="menu__link">About us</a></li>
<li class="menu__item"><a href="work.html" class="menu__link">Work</a></li>
<li class="menu__item"><a href="blog.html" class="menu__link">Blog</a></li>
<li class="menu__item"><a href="contact.html" class="menu__link">Contact</a></li>
</ul>
</nav>
</div>
</div>
</header>
</div>
</div>
<main class="main">
<div class="contact-us">
<div class="container">
<h3 class="contact-us__upper-title upper-title">
This is it!
</h3>
<h2 class="contact-us__title title">
Contact us
</h2>
<div class="contact-us__block">
<div class="contact-us__address contact-us__part">
Rua Serpa Pinto, Lisbon, Portugal
</div>
<div class="contact-us__address-img contact-us__part">
<img src="images/contact-houses.jpg" alt="">
</div>
<div class="contact-us__text contact-us__part">
Good design as little design as possible. Good design is to chance. My goal is making something memorable and especially the consumer. Good design is aesthetic. Care and aesthetic. Good design emphasises the consumer. It does not only functional.
</div>
<div class="contact-us__phone contact-us__part">
+88 (0) 101 0000 000
<br class="contact-us__break">
+88 (0) 101 0000 000
</div>
</div>
<a class = "popup-form" href="#contact-form"><div class="contact-us__button button">
Shote us an Email
</div></a>
<form class="contact-form mfp-hide popup-form__block" id="contact-form">
<h4 class="popup-form__title">Contact Us</h4>
<ul class = "popup-form__wrapper">
<li class = "popup-form__element">
<label class = "popup-form__label" for="name">Name:</label><br>
<input class = "popup-form__input popup-form__name" id="name" name="name" type="text" placeholder="Name" required="">
</li>
<li class = "popup-form__element">
<label class = "popup-form__label" for="email">Email:</label><br>
<input class = "popup-form__input popup-form__email" id="email" name="email" type="email" placeholder="[email protected]" required="">
</li>
<li class = "popup-form__element">
<label class = "popup-form__label" for="phone">Phone:</label><br>
<input class = "popup-form__input popup-form__phone" id="phone" name="phone" type="tel" placeholder="Eg. +447500000000" required="">
</li>
<li class = "popup-form__element">
<label class = "popup-form__label" for="textarea">Message:</label><br>
<textarea class = "popup-form__input popup-form__text" id="textarea">Your message</textarea>
</li>
</ul>
<button class="popup-form__button" type="submit" form = contact-form>Send</button>
</form>
</div>
</div>
</main>
<footer class="footer">
<div class="footer__wrapper">
<div class="container">
<div class="footer__inner-wrapper">
<div class="footer__copyright">© 2014 Designed and Developed by Diogo Dantas</div>
<a class="footer__email" href="[email protected]">Email: [email protected]</a>
</div>
</div>
</div>
</footer>
<script src = "js/main.min.js"></script>
</body>
</html>