-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
121 lines (115 loc) · 5.57 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<title>Contact</title>
</head>
<body id="contact-body">
<div id="header">
<a href="search.html" class="search-link"><span class="beside-menu"><img width="30%" style="margin-bottom: -5px;" src="img/lupa.svg">Search</span></a>
<ul id="menu">
<li><a href="AboutUs.html">About Us</a></li>
<li><a href="index.html"><img src="img/logo.png"></a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<span class="beside-menu"><a id="loginuser" href="login.html">Sign In/<br>Sign Up</a></span>
</div>
<a href="index.html"> <img width="10px" style="margin: 30px 10px -3px 20px;" src="img/ArrowLeft.png"> Back to Home</a>
<main id="contact">
<div id=contact-form>
<div id="contact-locked-screen">
<img src="img/iconsIpad.png" id="iconsIpad">
<img src="img/lockerIconIpad.png" id="lockerIcon">
<p id="time"></p>
<p id="date"></p>
<img src="img/not1Ipad.png" class="notificationIpad">
<img src="img/not2Ipad.png" class="notificationIpad">
<p id="unlock-text">Click on the screen to unlock</p>
</div>
<div id="contact-form-screen">
<div id="contact-header">
<p id="smallTxt">The Astronomer</p>
<p id="timeS"></p>
<img src="img/iconsIpad.png">
</div>
<div id="contact-center">
<h2>Fill the forms so we can help you...</h2>
<img src="img/contact-form-icon.png">
</div>
<form id="contact-form-form" onsubmit="this.reset(); sendMessage(); return false;">
<input id="contact-name" type="text" placeholder="Name: " required>
<input id="contact-email" type="email" placeholder="Email: " required>
<textarea id="contact-subject" type="text" placeholder="Subject" required></textarea>
<button id="contact-button" type="submit">Send<img src="img/arrow-send-iPad.png"></button>
</form>
<div id="contact-div">
</div>
</div>
<p id="TYp">Thank You! <br>Your submition is being reviewed</p>
</div>
<div id="contact-more">
<h1>Tell us more...</h1>
<h4>Need Help?</h4>
<ul>
<li class="contact-li">
You can find our location through the interactive map in the footer
</li>
<li class="contact-li">
Our Terms and Privacy pages are functional for your internet rights
</li>
<li class="contact-li">
Our Development Team is not made up with fictional people, but with real *awesome* ones
</li>
</ul>
</div>
</main>
<footer style="margin-top:100px">
<div id="footer-left">
<div id="moreinfocolumns">
<hr class="footer-line">
<div>
<a href="AboutUs.html">About Us</a><br><br>
<a href="contact.html">Contact</a>
</div>
<hr class="footer-line">
<div>
<a href="Terms.html">Terms</a><br><br>
<a href="Privacy.html">Privacy</a>
</div>
</div>
<div id="moreinfosocialnetworks">
<img width="9%" src="https://cdn-icons-png.flaticon.com/512/179/179319.png" alt="facebook">
<img width="9%" src="https://toppng.com/uploads/preview/instagram-logo-circle-11549679754rhbcorxntv.png"
alt="instagram">
<img width="9%" src="https://cdn-icons-png.flaticon.com/512/145/145812.png" alt="twitter">
</div>
</div>
<div id="moreinfo-center">
<img src="img/logoFooter.png" alt="The Astronomer logo">
<p> </p>
<p class="copyrightsandcnpj"> 2052 The Astronomer</p>
<p class="space"> </p>
<p class="copyrightsandcnpj">CNPJ: 48.958.696/0001-27</p>
</div>
<div class="footer-right" id="moreinfo-contact">
<iframe id="map"
src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d13524.179438098494!2d-52.161541!3d-32.0680354!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xeb4889911365b87c!2sUniversidade%20Federal%20do%20Rio%20Grande%2C%20Campus%20Carreiros!5e0!3m2!1spt-BR!2sbr!4v1640734370694!5m2!1spt-BR!2sbr"
width="300" height="130" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
<p class="space"> </p>
<p>Av. Itália, km 8 - Carreiros - Rio Grande - RS </p>
<p class="space"> </p>
<p>+55 (52) 9 9786-5845 </p>
<p class="space"> </p>
<p>[email protected]</p>
</div>
</footer>
</body>
<script src="scriptcontact.js"></script>
</html>