FrontEndFinal/index.html at master · jillsadowski/FrontEndFinal · GitHub

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
<!DOCTYPE html>
<html>

<head>

    <title>The Louisville Game Shop</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" title="no title" charset="utf-8">
    <link rel="stylesheet" href="css/nav.css">
    <link href='https://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>


</head>

<body>
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />

    <header class="menu">
        <a class="menuImage" href="index.html"><img src="img/finallogo.jpg" alt="The Louisville Game Shop" class="menu-image"></a>
        <ul class="nav">
            <li><a href="about.html">ABOUT</a></li>
            <li><a href="contact.html">CONTACT</a></li>
            <li><a href="directions.html">DIRECTIONS</a></li>
            <li><a href="gamerclub.html">GAMER'S CLUB</a></li>
        </ul>
    </header>

    <div class="sideBar">

        <h3>Hours</h3>
        <div class="sidebar-hours" >
            <p>Monday: 12-8PM</p>
            <p>Tuesday: 12-8PM</p>
            <p>Wednesday: Closed</p>
            <p>Thursday: 12-8PM</p>
            <p>Friday: 12-8PM</p>
            <p>Saturday: 12-8PM</p>
            <p>Sunday: 12-8PM</p>
        </div>
        <div class="sidebar-info">
            <p>Located at 925 Baxter Ave</p>
            <p>Louisville, KY 40204</p>

            <p><img src="img/phone.png" alt="phone" class="phone-image"> (502) 456-2734</p>
            <p><a class="facebook-image" href="https://www.facebook.com/The-Louisville-Game-Shop-303121397321/"><img src="img/facebook.png" alt="Facebook" class="facebook-image"></a><a class="twitter-image" href="https://twitter.com/GameShopTest"><img src="img/twitter.png" alt="Twitter" class="twitter-image"></a> </p>
        </div>
    </div>

    <img src="img/main.jpg" alt="Louisville Game Shop"  class="homepage-image">
    <img src="img/main2.jpg" alt="Louisville Game Shop"  class="homepage-image2">

    <div class="container">
        <div class="about section">
            <h2>About the Shop </h2>
            <p> The Louisville Game Shop specializes in bringing customers the inventive and creative
               experiences unique to non-electronic tabletop games. The Shop carries a vast selection of board games perfect for family nights and parties, as well as Louisville's most exhaustive collection of miniature war games and their accessories, and an entire room full of role-playing games. The Shop is located in the middle of the Baxter Avenue corridor, the cultural center of Louisville, KY. The Louisville Game shop has an open playing area, with many game tables, which is available for the use of any interested customer, and in which a variety of exciting gaming events are hosted throughout the week. </p>
        </div>


        <div class="section">
             <h2>New Games</h2>
            <ul>
            <li>Deathwatch: Overkill (3/4/16)</li>
            <li>Villians of the Multiverse (2/12/16)</li>
            <li>Boss Monster 2 Special Edition (2/8/16)</li>
            <li>Orphan Black: the Board Game (1/14/16)</li>
            <li>Mysterium (1/4/16)</li>
            </ul>

        </div>
    </div>


    <div class="containertwo">
        <div class="section">
            <h2>Weekly Events</h2>
            <ul>
            <li>Tuesday @ 5PM: Board Game Night</li>
            <li>Thursday @ 5PM: Board Game Night</li>
            <li>Friday @ 5PM: Dungeons and Dragons Night</li>
            </ul>
        </div>

        <div class="twitter section">
            <a class="twitter-timeline" href="https://twitter.com/GameShopTest" data-widget-id="700463377798316032">Tweets by @GameShopTest</a>
            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
        </div>
    </div>

    <footer class="mainFooter">
		<span>&copy;2016</span>
	</footer>
</body>
</html>