-
Notifications
You must be signed in to change notification settings - Fork 2
/
contact.html
140 lines (138 loc) · 7.87 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
135
136
137
138
139
140
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="description" content="Designo web site" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/css/fontawesome.min.css" integrity="sha384-jLKHWM3JRmfMU0A5x5AkjWkw/EYfGUAGagvnfryNV3F9VqM98XiIH7VBGVoxVSc7" crossorigin="anonymous" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.0/font/bootstrap-icons.css" integrity="sha384-ejwKkLla8gPP8t2u0eQyL0Q/4ItcnyveF505U0NIobD/SMsNyXrLti6CWaD0L52l" crossorigin="anonymous" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="./src/css/style.min.css" />
<title>Designo - Contact</title>
</head>
<body>
<header class="bloc_header">
<a title="designo Home page" href="index.html"><img class="header_img_logo" src="./src/img/logo_header.png" alt="logo designo" /></a>
<nav class="header_nav">
<ul class="header_nav_ul">
<li class="header_nav_ul_li"><a class="header_nav_ul_li_a" href="about.html" title="designo about page">OUR COMPANY</a></li>
<li class="header_nav_ul_li"><a class="header_nav_ul_li_a" href="locations.html" title="designo locations page">LOCATIONS</a></li>
<li class="header_nav_ul_li"><a class="header_nav_ul_li_a" href="contact.html" title="designo contact page">CONTACT</a></li>
</ul>
</nav>
<nav class="header_nav_mobile">
<div class="toggle">
<img src="./src/img/logo_header.png" alt="logo designo" class="header_logo_mobile" />
<img src="./src/img/menu_burger_open.png" alt="menu-burger-open" class="menu-burger-open" />
<img src="./src/img/menu_burger_close.png" alt="menu-burger-close" class="menu-burger-close" />
</div>
<ul class="header_nav_mobile_ul">
<li class="header_nav_mobile_ul_li"><a class="header_nav_mobile_ul_li_a" href="about.html" title="designo about page">OUR COMPANY</a></li>
<li class="header_nav_mobile_ul_li"><a class="header_nav_mobile_ul_li_a" href="locations.html" title="designo locations page">LOCATIONS</a></li>
<li class="header_nav_mobile_ul_li"><a class="header_nav_mobile_ul_li_a" href="contact.html" title="designo contact page">CONTACT</a></li>
</ul>
</nav>
</header>
<main class="bloc_main_contact">
<article class="main_contact_contain">
<section class="main_contact_contain_contactus">
<h1 class="main_contact_contain_contactus_h1">Contact Us</h1>
<p class="main_contact_contain_contactus_p">
Ready to take it to the next level? Let’s talk about your project or idea and find out how we can help your business grow. If you are looking for unique digital experiences that’s relatable to your users, drop us a line.
</p>
</section>
<section class="main_contact_contain_form">
<form class="main_contact_contain_form_cont">
<!-- <label class="main_contact_contain_form_cont_label" for="name">Name</label> -->
<input type="text" id="name" name="name" placeholder="Name" />
<!-- <hr> -->
<!-- <label class="main_contact_contain_form_cont_label" for="email">Email Adress</label> -->
<input type="text" id="email" name="email" placeholder="Email Adress" />
<!-- <hr> -->
<!-- <label class="main_contact_contain_form_cont_label" for="Phone">Phone</label> -->
<input type="text" id="phone" name="phone" placeholder="Phone" />
<!-- <hr> -->
<!-- <label class="main_contact_contain_form_cont_label" for="message">Your Message</label> -->
<input type="text" id="message" name="message" placeholder="Your Message" />
<!-- <hr> -->
<input class="button_submit" style="border: 0" type="submit" value="Submit" />
</form>
</section>
</article>
<nav class="contact_nav_country">
<ul class="contact_nav_country_ul">
<li class="contact_nav_country_ul_li">
<img src="./src/img/canada_image.png" alt="canada-illustration" class="contact_nav_country_ul_li_img" />
<h3 class="contact_nav_country_ul_li_h3">CANADA</h3>
<a href="locations.html" class="contact_nav_country_ul_li_btn">SEE LOCATION</a>
</li>
<li class="contact_nav_country_ul_li">
<img src="./src/img/australia_image.png" alt="australia-illustration" class="contact_nav_country_ul_li_img" />
<h3 class="contact_nav_country_ul_li_h3">AUSTRALIA</h3>
<a href="locations.html" class="contact_nav_country_ul_li_btn">SEE LOCATION</a>
</li>
<li class="contact_nav_country_ul_li last">
<img src="./src/img/united_kingdom_image.png" alt="united-kingdom-illustration" class="contact_nav_country_ul_li_img" />
<h3 class="contact_nav_country_ul_li_h3">UNITED KINGDOM</h3>
<a href="locations.html" class="contact_nav_country_ul_li_btn">SEE LOCATION</a>
</li>
</ul>
</nav>
</main>
<footer class="bloc_footer">
<article class="footer_article">
<h2 class="footer_article_h2">Let’s talk about your project</h2>
<p class="footer_article_p">Ready to take it to the next level? Contact us today and find out how our expertise can help your business grow.</p>
<a class="footer_article_a" title="Designo Contacte page" href="contact.html">Get in touch</a>
</article>
<section class="footer_section">
<div class="footer_section_div">
<a title="designo Home page" href="index.html"><img class="footer_img_logo" alt="logo Designo" src="./src/img/logo_footer.png" /></a>
<nav class="footer_nav">
<ul class="footer_nav_ul">
<li class="footer_nav_ul_li"><a class="footer_nav_ul_li_a" title="Designo about page" href="about.html">OUR COMPANY</a></li>
<li class="footer_nav_ul_li"><a class="footer_nav_ul_li_a" title="Designo locations page" href="locations.html">LOCATIONS</a></li>
<li class="footer_nav_ul_li"><a class="footer_nav_ul_li_a" title="Designo contact page" href="contact.html">CONTACT</a></li>
</ul>
</nav>
</div>
<div class="footer_section_deco_div"></div>
</section>
<div class="footer_div_backgroud_black">
<section class="footer_section_contact">
<div class="footer_section_contact_div">
<h4 class="footer_section_contact_div_h4">Designo Central Office</h4>
<p class="footer_section_contact_div_p">386 Wellington Street</p>
<p class="footer_section_contact_div_p">1000 Brussels - Belgium</p>
</div>
<div class="footer_section_contact_div">
<h4 class="footer_section_contact_div_h4">Contact Us (Central Office)</h4>
<h4 class="footer_section_contact_div_h4">P : +1 253-863-8967</h4>
<h4 class="footer_section_contact_div_h4">M : contact@designo.co</h4>
</div>
<nav class="footer_nav_social">
<ul class="footer_nav_social_ul">
<li class="footer_nav_social_ul_li">
<a title="Designo facebook.com" href="https://www.facebook.com/Designo"><i class="fa fa-facebook-official fa-1x" aria-hidden="true"></i></a>
</li>
<li class="footer_nav_social_ul_li">
<a title="Designo youtube.com" href="https://www.youtube.com/Designo"><i class="fa fa-youtube-play fa-1x" aria-hidden="true"></i></a>
</li>
<li class="footer_nav_social_ul_li">
<a title="Designo twitter.com" href="https://www.twitter.com/Designo"><i class="fa fa-twitter fa-1x" aria-hidden="true"></i></a>
</li>
<li class="footer_nav_social_ul_li">
<a title="Designo pinterest.com" href="https://www.pinterest.com/Designo"><i class="fa fa-pinterest fa-1x" aria-hidden="true"></i></a>
</li>
<li class="footer_nav_social_ul_li">
<a title="Designo instagram.com" href="https://www.instagram.com/Designo"><i class="fa fa-instagram fa-1x" aria-hidden="true"></i></a>
</li>
</ul>
</nav>
</section>
</div>
</footer>
<script src="app.js"></script>
</body>
</html>