-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
84 lines (71 loc) · 2.87 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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="styles.css">
<title> anastasis clothing page</title>
<meta charset="UTF-8">
</head>
<body>
<header>Anastasis</header>
<nav class="navigation">
<a href="index.html">Home</a>
<a href="materialize2.html">Bakery</a>
<a href="materialize3.html">Bakery Interactive</a>
<a href="JQuery.html">Art Gallery</a>
<a href="Selection.html">Store Location</a>
<a href="about.html">About Us</a>
</nav>
<h2>Welcome to Anastasis</h2>
<p class="welcome">You are invited to the Anastasis clothing Store!</p>
<p>We offer cool clothing made with skin-friendly organic materials</p>
<p>We are located at 17775 E High Street, Oxford, OH 45056</p>
<br>
<h2>Current in-store Selections</h2>
<div class="grid-container">
<div style="background-color:rgb(163, 201, 255);">
<h2 style="background-color:rgb(100, 140, 180);padding-top:7px;padding-bottom:30px;">Men's Clothing</h2>
<p>This Categorie includes pants, jackets and shirts</p>
</div>
<div style="background-color:#3e9ba8;">
<h2 style="background-color:#2f6e76;padding-top:7px;padding-bottom:30px;">Women's Clothing</h2>
<p>This Categorie includes pants, jackets, shirts.</p>
</div>
<div style="background-color:#6d76c0; color:azure;">
<h2 style="color:azure; background-color:#2a2c71; padding-top:7px;padding-bottom:30px;">Unisex Clothing</h2>
<p style="color:azure">Most of the Clothing in this website would likely not be made for one particular Gender</p>
<p style="color:azure">This Category includes V-necks, T-shirts, Long sleeved Shirts, jackets.</p>
</div>
</div>
<br>
<hr>
<br>
<h2 style="margin-bottom:20px;">Art</h2>
<hr>
<aside>
<img src="images/YinYang.jpg" alt="Yin Yang Koi" float="right" width="203px" height="304px;">
<img src="images/Screenprint.png" alt="OtherKoi" float="right" width="250px" height="304px;">
</aside>
<p>Anastasis values art and creativity. We are a clothing store made by art majors from Miami University. We would like to share our art and design ideas with you.</p>
<p style="margin-bottom:100px;">We encourage you to join our community and share your critisms! Feel free to post your art as well!</p>
<div width="80%" style="margin-bottom:140px;">
<input id="userInput"> <br><br>
<button onclick="myFunction()">Submit Critique</button>
<p id="message"></p>
<script>function myFunction() {
let userInput = document.querySelector ("#userInput");
let message = document.querySelector ("#message");
message.innerHTML = "We have recieved your Critique, Thank you for your input!";
}
</script>
</div>
<div class="foot">Naturally Cool Clothing</div>
<footer>
2024 Anastasis All rights reserved
<br>
<br>
<h3 class="footernotes">contact Info:</h3>
<p class="footernotes">Phone Number: (513)800-336-8888</p>
<p class="footernotes">email adress:[email protected]</p>
</footer>
</body>
</html>