-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
96 lines (95 loc) · 3.92 KB
/
index.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
<html>
<head>
<title>Happy Valentines Day from Forbidden Sweets!</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<header>
<h1>Happy Valentines Day from Forbidden Sweets!</h1>
</header>
<nav>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#gift-ideas">Gift Ideas</a></li>
<li><a href="#about-us">About Us</a></li>
<li><a href="#contact-us">Contact Us</a></li>
</ul>
</nav>
<main>
<section id="home">
<img src="./images/drizzle1.jpg">
<p>Welcome to our Valentines Day special! Browse and shop for the perfect gift for your loved one.</p>
<button onclick="window.location.href='#gift-ideas'">Shop Gifts</button>
</section>
<section id="gift-ideas">
<h2>Valentines Day Gift Ideas</h2>
<div class="gift-item">
<img src="images/redheart.jpg">
<h3>Gift 1</h3>
<p>Description of gift 1</p>
<p>Price: $XX.XX</p>
<button onclick="window.location.href='#contact-us'">Order Now</button>
</div>
<div class="gift-item">
<img src="images/20210312_141120.jpg">
<h3>Gift 2</h3>
<p>Description of gift 2</p>
<p>Price: $XX.XX</p>
<button onclick="window.location.href='#contact-us'">Order Now</button>
</div>
<!-- Add additional gift items as needed -->
</section>
<section id="about-us">
<h2>About Us</h2>
<p>Information about your business and what makes it special.</p>
<p>Details about your products and services.</p>
<p>Your team's favorite Valentines Day traditions or memories.</p>
</section>
<section id="contact-us">
<h2>Contact Us</h2>
<p>Phone: 619-201-9949</p>
<p>Email: [email protected]</p>
<div class='container'>
<div class='row'>
<div class='col-sm-10 col-sm-offset-1'>
<div class='well'>
<form>
<div class='row'>
<div class='col-sm-4'>
<div class='form-group'>
<label for='fname'>First Name</label>
<input type='text' name='fname' class='form-control' />
</div>
<div class='form-group'>
<label for='lname'>Last Name</label>
<input type='text' name='lname' class='form-control' />
</div>
<div class='form-group'>
<label for='email'>Email</label>
<input type='text' name='email' class='form-control' />
</div>
</div>
<div class='col-sm-8'>
<div class='form-group'>
<label for='message'>Message</label>
<textarea class='form-control' name='message' rows='10'></textarea>
</div>
<div class='text-right'>
<input type='submit' class='btn btn-primary' value='Submit' />
</div>
</div>
</div>
</form>
</section>
</main>
<footer>
<p>Follow us on social media:</p>
<ul>
<li><a href="#"><img src="instagram.png" alt="Instagram"></a></li>
<!-- Add additional social media links as needed -->
</ul>
</footer>
<script src="script.js"></script>
</body>
</html>