-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
95 lines (86 loc) · 3.6 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
<!DOCTYPE html>
<html>
<head>
<title>MYM Home</title>
</head>
<link type="text/css" rel="stylesheet" href="stylesheet.css" />
<script src="script/slides.js"></script>
<script src="scipt/modalscript.js"></script>
<body onload="function();">
<div class="wrapper">
<header>
<h1>MYM</h1>
<nav id="nav">
<ul>
<button onclick="document.getElementById('id01').style.display='block'" style="width:auto;">Login</button>
<li><a class="active" href="index.html"><img src="images/house.png"></i>Home</a></li>
<li><a href="page2.html"><img src="images/shopping.png"></i>Shop</a>
<ul>
<li><a href="shop-website.html">Website</a></li>
<li><a href="shop-gifts.html">Gifts</a></li>
</ul>
</li>
<li><a href="page1.html"><img src="images/info.png"></i>About Us</a></li>
<li><a><img src="images/contact.png"></i>Contact</a>
<ul>
<li><a href="mailto:">E-Mail</a></li>
<li><a href="#">Facebook</a></li>
<li><a href="#">Twitter</a></li>
</ul>
</li>
<!--<form action="#"> database url here -->
<div id="search">
<button>Search</button>
<input type="search" name="search" placeholder="Search..." />
</form>
</div>
</ul>
</nav>
</header>
<section class="Info">
<article class=box2 style="margin-top:1em">
<figure>
<img src="images/MYM%20logo.png" />
</figure>
<hgroup>
<h2>Welcome</h2>
<h3>What can you find on our site?</h3>
</hgroup>
<p>Welcome to our site were you can request a website for your company. You can do that by clicking on the Contact tab and choose Mail. You can look for yourself how different classes of websites look like by either clicking on the 'Website
Fonts' bar or by clicking the 'Shop' tab and select 'Website'. You can also buy office supplies with your company name on it in our gift shop.</p>
<aside>
<section class="box1">
<h2>Website Fonts</h2>
<a href="#">Amateur</a>
<a href="#">Semi-Professional</a>
<a href="#">Professional</a>
</section>
</aside>
</article>
</section>
<footer>© 2016 MYMWEB</footer>
</div>
<div id="id01" class="modal">
<form class="modal-content animate" action="#">
<div class="imgcontainer">
<span onclick="document.getElementById('id01').style.display='none'" class="close" title="Close Modal">×</span>
</div>
<div class="container">
<label for="uname"><b>Username</b></label>
<input type="text" placeholder="Enter Username" name="uname" required>
<label for="psw"><b>Password</b></label>
<input type="password" placeholder="Enter Password" name="psw" required>
<label fxor="tckt"><b>Ticket Number</b></label>
<input type="ticket" placeholder="Enter Ticket number" name="tckt" required>
<button type="submit" class="login">Login</button>
<label>
<input type="checkbox" checked="checked" name="remember"> Remember me
</label>
</div>
<div class="container" style="background-color:#f1f1f1">
<button type="button" onclick="document.getElementById('id01').style.display='none'" class="cancelbtn">Cancel</button>
<span class="psw">Forgot <a href="#">password?</a></span>
</div>
</form>
</body>
</html>