-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathSubmit.html
137 lines (110 loc) · 6.36 KB
/
Submit.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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Norishing Women</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
<link rel="stylesheet" href="Submit-Style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Castoro+Titling&family=Manrope:wght@300&family=Playfair+Display:ital,wght@0,400;1,500&display=swap"
rel="stylesheet">
</head>
<body>
<div class="Top">
<button type="button" class="Home-Button"onclick="location.href='index.html'" >Home</button>
<h1 class="Title">Nourishing Women</h1>
<button type="button" class="Women-Button" onclick="location.href='Women.html'">Women</button>
<button type="button" class="Submit-Button" onclick="location.href='Coming-Soon.html'">Wine</button>
<button type="button" class="Submit-Button" onclick="location.href='Submit.html'">Submit</button>
</div>
<div class="Introduction">
<p>
We encourage you to provide as much detail as possible about the dish and the woman behind it. Share the
story that accompanies the recipe—the history, cultural significance, and personal anecdotes that make it
truly special. Let us know why this dish and its creator inspire you and why they deserve to be recognized.
Once we receive your request, our team of passionate writers and researchers will work diligently to craft
an article that captures the essence of the dish, the woman's journey, and the impact she has had on the
culinary world. Our goal is to share these stories, inspire others, and ensure that the legacies of these
inspirational women live on.
<br><br>
Thank you for joining us on this journey to celebrate and honor the remarkable women who have left an
indelible mark in the world of food. Let's preserve their recipes, their stories, and the passion they
brought to the kitchen. Together, we can create a collection of inspirational articles that will ignite the
imaginations and taste buds of future generations.
</p>
</div>
<a href="#Form"> <input type="image" name="More" src="./Images/Arrow-bk.png" width=5% href="#Form" class="More"></a>
<div id="Form">
<div id="Image">
About Us About
</div>
<div class="Submission">
<form id="myForm">
<div class="form-group">
<label for="exampleFormControlTextarea1">What's your name?</label>
<textarea class="form-control" id="exampleFormControlTextarea1" rows="1"></textarea>
</div>
<br>
<div class="form-group">
<label for="exampleFormControlInput1">Whats your email address?</label>
<input type="email" class="form-control" id="exampleFormControlInput1"
placeholder="[email protected]">
</div>
<br><br>
<div class="form-group">
<label for="exampleFormControlTextarea1">Which woman would you like to be featured?</label>
<textarea class="form-control" id="exampleFormControlTextarea1" rows="1"></textarea>
</div>
<br>
<div class="form-group">
<label for="exampleFormControlTextarea1">How has she inspired you?</label>
<textarea class="form-control" id="exampleFormControlTextarea1" rows="5"></textarea>
</div>
<br>
<button type="button" onclick="myFunction()" value="Reset form" class="btn-btn-primary" data-bs-toggle="modal"
data-bs-target="#exampleModalCenter">
Submit
</button>
<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog"
aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">Thank you for your submission!</h5>
<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
<footer>
<a href="#Top"> <input type="image" name="go-up" src="./Images/Arrow-up.png" width=5% href="#Top"
class="go-up"></a>
<div class="Footer">
<h1 class="Footer-Title">Nourishing Women</h1>
<button type="button" class="Women-Button" onclick="location.href='Women.html'">Women</button>
<button type="button" class="Submit-Button" onclick="location.href='Coming-Soon.html'">Wine</button>
<button type="button" class="Submit-Button" onclick="location.href='Submit.html'">Submit</button>
<button type="button" class="Submit-Button" onclick="location.href='Coming-Soon.html'">Instagram</button>
<button type="button" class="Submit-Button" onclick="location.href='Coming-Soon.html'">Facebook</button>
<button type="button" class="Submit-Button" onclick="location.href='Coming-Soon.html'">Twitter</button>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe"
crossorigin="anonymous"></script>
<script>
function myFunction() {
document.getElementById("myForm").reset();
}
</script>
</body>
</html>