-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathcontact.html
168 lines (149 loc) · 7.84 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
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Morada Hotel - Contact</title>
<meta name="description" content="Get in touch with Morada Hotel and learn more about our NFT Project!">
<meta name="keywords"
content="contact, project, morada, hotel, nft, basic, expert, premium, utility, value, blockchain, polygon, metamask, nfts">
<meta name="author" content="Frank Arellano">
<link href="assets/css/style.css" rel="stylesheet" type="text/css">
<link href="assets/css/media.css" rel="stylesheet" type="text/css">
<script src="https://cdn.jsdelivr.net/npm/web3@1.5.2/dist/web3.min.js"></script>
</head>
<body class="bkg-white">
<!-- Start nav section-->
<header>
<nav class="nav" aria-label="Morada Navigation Bar">
<ul>
<li class="nav-logo">
<a href="index.htm"><img class="logo-img" src="assets/img/logo.webp" alt="logo of morada"></a>
</li>
<li><a href="index.htm">Home</a></li>
<li><a href="marketplace.html">Marketplace</a></li>
<li><a href="learn.html">Learn</a></li>
<li><a href="contact.html" class="active">Contact</a></li>
<li><a href="#" id="metamask"><strong>Metamask</strong></a></li>
</ul>
</nav>
</header>
<!-- End nav section-->
<!-- Start of Contact Form-->
<div class="height">
<a href="contact.html">
<h1 class="page-title background padding-bottom">Contact us</h1>
</a>
<section class="contact">
<h2 class="padding-title text-black">Contact</h2>
<form action="https://formdump.codeinstitute.net/" method="POST">
<!-- Personal Data-->
<fieldset>
<legend>Personal</legend>
<div id="text-align">
<label for="name">Name *</label>
<input id="name" type="text" name="contactname" placeholder="Your name" required>
<label for="lastname">Last Name *</label>
<input id="lastname" type="text" name="contactlname" placeholder="Your last name" required>
<label for="email">E-mail *</label>
<input id="email" type="email" name="contactemail" placeholder="youremail@mail.com" required>
</div>
</fieldset>
<!-- Topic selection-->
<fieldset>
<legend>Topic</legend>
<div>
<label class="text-left" for="topic">Choose * </label>
<select id="topic" name="topic" required>
<option value="">Select an option</option>
<option value="learn">Learn</option>
<option value="metamask">Metamask</option>
<option value="marketplace">Marketplace</option>
<option value="NFT">NFT</option>
<option value="Location">Location</option>
<option value="Other">Other</option>
</select>
</div>
</fieldset>
<!-- User inquiries-->
<fieldset>
<legend>
Write
</legend>
<label for="explain">Comment *</label>
<textarea id="explain" name="explain" rows="10" required></textarea>
</fieldset>
<!-- Data Consent Section-->
<fieldset>
<legend>Data</legend>
<label for="acceptdatause">Consent *</label>
<input class="inline" id="acceptdatause" type="checkbox" name="contact" value="yes" required>
<a class="acceptdata" href="#" target="_blank">I accept the Privacy Policy and Terms &
Conditions</a>
</fieldset>
<!-- Form submit/reset buttons-->
<div class="text-center">
<input class="claim bkg-white" type="submit" value="Send request">
<input class="learn bkg-white" type="reset" value="Reset form">
</div>
</form>
</section>
<!-- End of Contact Form-->
<!-- Start of About us-->
<aside class="aside contact">
<div>
<h2 class="text-center text-black">What is Morada NFT?</h2>
<p class="text-justify">Morada NFT is a landing page for purchasing functional NFTs offered by a hotel.
"Functional" in this context refers to NFTs that hold real value or utility. Apart from receiving
special benefits, free stays, surprises, VIP services, and more, clients will be at the forefront of
the most advanced technology available for membership management and ticket issuance. Users become
part of the hotel by holding an NFT, which is 100% tradable and valid for lifetime use.
</p>
<!-- Location Data-->
<p><strong>Address</strong></p>
<p>Leipzig, Germany.</p>
<p><strong>Tlf</strong></p>
<p>+49 000 000 000</p>
<p><strong>Email</strong></p>
<p>info@gmail.com</p>
<p><strong>Smart Contract</strong></p>
<p class="contract">0xB09480eE8A8d9a40d7449327f45fA79F035F624C</p>
<!-- Social Media Buttons-->
<p><strong>Social Media</strong></p>
<ul class="base-color">
<li><a href="https://www.facebook.com/plexo.io" target="_blank"
rel="noopener noreferrer nofollow">Facebook</a></li>
<li><a href="https://twitter.com/plexoio" target="_blank"
rel="noopener noreferrer nofollow">Twitter</a></li>
<li><a href="https://instagram.com/plexo.io" target="_blank"
rel="noopener noreferrer nofollow">Instagram</a></li>
<li><a href="https://linktr.ee/plexoblockchain" target="_blank"
rel="noopener noreferrer nofollow">Linktree</a></li>
</ul>
</div>
</aside>
</div>
<!-- End of Contact Form-->
<!-- Start of Embedded Google Maps-->
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d643684.0358774893!2d9.92012577925788!3d52.38528608001345!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47afef35fcca8c8f%3A0xe62a665a2fbb2490!2sGehrenkamp%201%2C%2038550%20Isenb%C3%BCttel!5e0!3m2!1sen!2sde!4v1680290819949!5m2!1sen!2sde"
style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"
aria-label="Embedded Google Maps">
</iframe>
<!-- End of Embedded Google Maps-->
<hr class="hr-cut">
<!-- Start of footer-->
<footer class="background text-center" aria-label="footer section">
<div class="center">
<p>©2023 <a class="color-white" href="https://morada.nft"
rel="author noopener noreferrer"><b>morada.nft</b></a> of Morada by <a class="color-white"
href="https://github.com/plexoio" target="_blank" aria-label="link to author"
rel="author noopener noreferrer"><b>Frank Arellano</b></a></p>
</div>
</footer>
<!-- End of footer-->
<!-- Start of Metasmask Login to Polygon network by ChatGPT4 -->
<script src="vendor/js/metamask-login.js"></script>
<!-- End of Metasmask Login to Polygon network by ChatGPT4 -->
</body>
</html>