-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
77 lines (72 loc) · 2.58 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!--adding viewport for responsiveness. NOTE double inverted commas-->
<meta name="viewport" content="width=device-width">
<title>Spades Of Hades| Welcome</title>
<!--span is an inline level element i.e., it is not goin to make it go to the next line.-->
<!--linking the css file-->
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<header>
<div class="container">
<div id="branding">
<img src="./img/logo3.png" height="100">
</div>
<nav>
<ul>
<!--ul is an unordered list. it is used for menus. li is list items.-->
<li class="current"><a href="index.html">home</a></li>
<li><a href="index.html">games</a></li>
<li><a href="about.html">about</a></li>
<!--a is hyperlink-->
</ul>
</nav>
</div>
</header>
<!--the header of the website. It has the logo and the nav(igation).
creating a division in the the header for us to align the logo and the nav.
Again class is just used to name things.
id is unique, class is repeatable(usede over and over.)-->
<!--after header we have a showcase.-->
<section id="showcase">
<div class="container2">
<h1>"We cannot change the cards we are dealt.<span id="hand"> Only how we play the hand"</span></h1><h2>— Randy Paush</h2><!--p is paragraph-->
</div>
</section>
<!--next we have a newsletter which we will also put in a section-->
<!--
<section id="newsletter">
<div class="container"><!--all classes by the name container have the same properties.
<h1>Suscribe to our newsletter.</h1>
<form>
<input type="email" placeholder="Enter email">
<button type="submit" class="button_1">Subscribe</button>
</form>
<!--for a working site you write action="process.php" where process.php is afile specifying action.
placeholder is the text which appears when nothing has been entered.
</div>
</section>-->
<section id="boxes">
<div class="container">
<div class="box">
<img src="./img/desktop-wallpaper-playing-cards-awesome-bicycle-cards-thumbnail.jpg">
<h3>Rummy</h3>
</div>
<div class="box">
<img src="./img/desktop-wallpaper-playing-cards-awesome-bicycle-cards-thumbnail.jpg">
<h3>Poker</h3>
</div>
<div class="box">
<img src="./img/desktop-wallpaper-playing-cards-awesome-bicycle-cards-thumbnail.jpg">
<h3>Black Jack</h3>
</div>
</div>
</section>
<footer>
<p>MIDAS M. Co. Copyright ©</p>
</footer>
</body>
</html>