-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathcontact.html
134 lines (123 loc) · 5.62 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Bitplexo | Fiat & Crypto Swap</title>
<meta name="description"
content="Contact us now! Bitplexo is a financial web app prototype showcasing fiat and crypto currency swapping capabilities. Its design can serve as the foundation for a real implementation. ">
<meta name="keywords"
content="contact, contact us, crypto, fiat, swap, swapping, bitplexo, buy & sell, buy, sell, login, contact, metamask, certificate">
<meta name="author" content="Frank Arellano">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="assets/css/swap.css">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/contact.css">
<link rel="stylesheet" href="assets/css/media.css">
<!-- Vendor Scripts-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/web3.min.js"></script>
<script src="https://kit.fontawesome.com/b0f4c7b367.js" crossorigin="anonymous"></script>
<script src="https://www.cryptohopper.com/widgets/js/script"></script>
</head>
<body>
<!-- Start of Navbar section-->
<header>
<nav class="off-item">
<a aria-label="Clickable logo to index" id="logo" href="index.html">
<img src="assets/img/192x192.png" alt="Logo of Bitplexo">
</a>
<ul id="menu-bar">
<li><a href="contact.html">Contact</a></li>
<li><a class="to-crypto" href="index.html">Crypto</a></li>
<li><a class="to-fiat" href="index.html">Fiat</a></li>
</ul>
</nav>
</header>
<!-- End of Navbar section-->
<!-- First Page / WELCOME -->
<div class="welcome on-item">
<!-- Logo -->
<div>
<a aria-label="Clickable logo to index" href="index.html">
<div class="bitlogo"></div>
</a>
</div>
<!-- Description and Enter Button-->
<div>
<h2 class="center-title">Support
<span class="blue-text">Service</span>
<br>
<span class="blue-text">Crypto</span>
<span class="blue-text">&</span>
<span class="blue-text">Fiat</span>
<br>24/7
</h2>
</div>
<div>
<button id="enter-page" class="cta-submit">START</button>
</div>
</div>
<!-- End of First Page / WELCOME -->
<!--Start of Contact Form-->
<div aria-label="Contact Section and Form" class="off-item contact-section">
<div class="my-contact-form">
<form action="https://formdump.codeinstitute.net/" method="POST">
<h2>Contact us</h2>
<!-- Username and Email-->
<div>
<label for="name">Username</label>
<input type="text" id="name" name="name" required>
<label for="email">Email</label>
<input type="email" name="email" id="email" required>
</div>
<!-- Topic-->
<div>
<label for="select-topic">Topic</label>
<select name="topic" id="select-topic">
<option value="">Select an option</option>
<option value="Fiat">Fiat</option>
<option value="Crypto">Crypto</option>
<option value="social">Social Media</option>
<option value="Account">Account</option>
<option value="Other">Other</option>
</select>
</div>
<!-- Comment box-->
<div>
<label for="text-area">Comment</label>
<textarea name="comment" id="text-area" rows="4" required></textarea>
</div>
<!-- Submit form-->
<label for="submit"></label>
<input class="cta-login" id="submit" type="submit">
</form>
<!-- End of Contact Form-->
</div>
</div>
<!-- Footer section-->
<footer class="footer">
<!-- Social Media buttons-->
<div id="social-media">
<a href="https://facebook.com" target="_blank" rel="noopener noreferrer nofollow"><i
class="fa-brands fa-square-facebook"></i></a>
<a href="https://twitter.com" target="_blank" rel="noopener noreferrer nofollow"><i
class="fa-brands fa-square-twitter"></i></a>
<a href="https://instagram.com" target="_blank" rel="noopener noreferrer nofollow"><i
class="fa-brands fa-square-instagram"></i></a>
<a href="https://linkedin.com" target="_blank" rel="noopener noreferrer nofollow"><i
class="fa-brands fa-linkedin"></i></a>
</div>
<!-- Vendor Script for crypto prices-->
<div id="crypto-widget" class="cryptohopper-web-widget" data-id="2" data-price_format="2"
data-coins="bitcoin,ethereum,bnb,cardano,solana" data-numcoins="5" data-realtime="on"
data-ticker_speed="80"></div>
<!-- Copyright section-->
<div id="copyright"><a href="https://github.com/plexoio/bitplexo" target="_blank" aria-label="link to author"
rel="author noopener noreferrer"><b>© Bitplexo, Inc. 2023</b></a></div>
</footer>
<!-- End of Footer section-->
<!-- Author's scripts-->
<script src="assets/js/welcome.js"></script>
<!-- Vendor Scripts-->
</body>
</html>