-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcontact.html
More file actions
155 lines (128 loc) · 6.21 KB
/
contact.html
File metadata and controls
155 lines (128 loc) · 6.21 KB
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
<!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">
<title>Amaterasu: Contact</title>
<!-- favicon section starts; used favicon.io -->
<link rel="icon" type="Image/png" sizes="32x32" href="images/favicon-32x32.png">
<link rel="apple-touch-icon" type="Image/png" sizes="180x180" href="images/apple-touch-icon.png"> <!-- IOS devices -->
<link rel="android-chrome-icon" type="Image/png" sizes="192x192" href="images/android-chrome-192x192.png"> <!-- Android/Chrome devices -->
<link rel="android-chrome-icon" type="Image/png" sizes="512x512" href="images/android-chrome-512x512.png"> <!-- Large Android/Chrome devices -->
<!-- favicon section ends -->
<!-- font awesome cdn link; allows me to use various icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<!-- external css stlyesheet-->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- header section starts-->
<header class="header">
<a href="index.html" class="logo">
<img src="images/logo.jpg" alt="Amaterasu Logo" class="img">
</a>
<nav class="navbar">
<a href="index.html">home</a>
<a href="#about">about us</a>
<a href="#menu">sale menu</a>
<a href="#products">products</a>
<a href="reviews.html">reviews</a>
<a href="contact.html">contact</a>
<a href="blogs.html">blogs</a>
</nav>
<div class="icons"> <!--font awesome icons-->
<div class="fas fa-search" id="search-btn"></div>
<div class="fas fa-shopping-cart" id="cart-btn"></div>
<div class="fas fa-bars" id="menu-btn"></div>
</div>
<div class="search-form">
<input type="searh" id="search box" placeholder="search here...">
<label for="search box" class="fas fa-search"></label>
</div>
<div class="cart-items-container">
<div class="cart-item">
<span class="fas fa-times"></span>
<img src="images/cart-item1 (1).png" alt="Gaming PC">
<div class="content">
<h3>Cart Item 01"></h3>
<div class="price">$2,100.99/-</div>
</div>
</div>
<div class="cart-item">
<span class="fas fa-times"></span>
<img src="images/cart-item2.png" alt="Gaming PC">
<div class="content">
<h3>Cart Item 02"></h3>
<div class="price">$1,700.99/-</div>
</div>
</div>
<div class="cart-item">
<span class="fas fa-times"></span>
<img src="images/cart-item3.png" alt="Gaming PC">
<div class="content">
<h3>Cart Item 03"></h3>
<div class="price">$1,100.99/-</div>
</div>
</div>
<a href="#" class="btn">checkout now</a>
</div>
</header>
<!--header section ends -->
<!--custom js file link-->
<script src="js/script.js"></script>
<!--contact section starts -->
<section class="contact" id="contact">
<h1 class="heading"><span>contact </span>us</h1>
<div class="row">
<iframe class="map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d207181.0811412674!2d-78.97039262758004!3d35.770355281325855!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89acbd54ff4a8b43%3A0x44568fdb5a444be1!2sCary%2C%20NC!5e0!3m2!1sen!2sus!4v1638132067329!5m2!1sen!2sus"
width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
<form action="">
<h3>get in touch today (24/7 service)</h3>
<div class="inputBox">
<span class="fas fa-user"></span>
<input type="text" placeholder="Name">
</div>
<div class="inputBox">
<span class="fas fa-envelope"></span>
<input type="email" placeholder="Email">
</div>
<div class="inputBox">
<span class="fas fa-phone"></span>
<input type="number" placeholder="Phone Number">
</div>
<input type="submit" value="contact now" class="btn">
</form>
</div>
</section>
<audio controls>
<source src="fire2.mp3" type="audio/mpeg">
Your browser does not support the HTML5 audio tag.
</audio>
<!--contact section ends -->
<!-- footer section starts -->
<section class="footer">
<!--social media icons-->
<div class="share">
<a href="#" class="fab fa-facebook-f"></a>
<a href="#" class="fab fa-twitter"></a>
<a href="#" class="fab fa-instagram"></a>
<a href="#" class="fab fa-linkedin"></a>
<a href="#" class="fab fa-pinterest"></a>
<a href="#" class="fab fa-discord"></a>
<a href="#" class="fab fa-youtube"></a>
<a href="#" class="fab fa-twitch"></a>
</div>
<div class="links">
<a href="index.html">home</a>
<a href="#about">about us</a>
<a href="#menu">menu</a>
<a href="#products">products</a>
<a href="reviews.html">reviews</a>
<a href="contact.html">contact</a>
<a href="blogs.html">blogs</a>
</div>
<div class="credit">created by <span>Ralph Worley</span> | all rights reserved | © 2021 Amaterasu PC Corporation</div>
</section>
<!-- footer section ends -->
</body>