cookie_stand/index.html at master · AndShum/cookie_stand · 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
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Pat's Salmon Cookies</title>
    <link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Lalezar|Rock+Salt" rel="stylesheet">
    <link rel="icon" href="img/favicon.ico" type="img/favicon.ico">
    <link href="style.css" type="text/css" rel="stylesheet">
  </head>
  <body>

    <header>

      <div class="pats_cookies_title">
        <a href="index.html"><h1 class="pat">Pat's</h1></a><h1 class="salmon_cookies">Salmon Cookies</h1>
        <img src="img/salmon.png" class="salmon_img">
        <img src="img/chinook.jpg" class="chinook_img">
      </div>

    </header>

    <div class="wrapper">

      <div class = "info">
        <h1>About Us</h1>
        <img src="img/family.jpg" class="family_pic" alt="Picture of family">

        <p class="about_us">The quick, brown fox jumps over a lazy dog. DJs flock by when MTV ax quiz prog. Junk MTV quiz graced by fox whelps. Bawds jog, flick quartz, vex nymphs. Waltz, bad nymph, for quick jigs vex! Fox nymphs grab quick-jived waltz. Brick quiz whangs jumpy veldt fox. Bright vixens jump; dozy fowl quack. Quick wafting zephyrs vex bold Jim. Quick zephyrs blow, vexing daft Jim. Sex-charged fop blew my junk TV quiz. How quickly daft jumping zebras vex. Two driven jocks help fax my big quiz. Quick, Baz, get my woven flax jodhpurs! "Now fax quiz Jack!" my brave ghost pled. Five quacking zephyrs jolt my wax bed. Flummoxed by job, kvetching W. zaps Iraq. Cozy sphinx waves quart jug of bad milk. A very bad quack might jinx zippy fowls. Few quips galvanized the mock jury box. Quick brown dogs jump over the lazy fox. The jay, pig, fox, zebra, and my wolves quack! Blowzy red vixens fight for a quick jump. Joaquin Phoenix was gazed by MTV for luck. A wizard’s job is to vex chumps quickly in fog. Watch "Jeopardy!", Alex Trebek's fun TV quiz game.</p>

        <h1>The Beginning</h1>

        <div class="overlayImgWrapper">
          <img src="img/cutter.jpeg" class="cutter" alt="Cookie cutter">
          <img src="img/frosted-cookie.jpg" class="cookie" alt="Cookie">
        </div>

        <p class="the_beginning">The quick, brown fox jumps over a lazy dog. DJs flock by when MTV ax quiz prog. Junk MTV quiz graced by fox whelps. Bawds jog, flick quartz, vex nymphs. Waltz, bad nymph, for quick jigs vex! Fox nymphs grab quick-jived waltz. Brick quiz whangs jumpy veldt fox. Bright vixens jump; dozy fowl quack. Quick wafting zephyrs vex bold Jim. Quick zephyrs blow, vexing daft Jim. Sex-charged fop blew my junk TV quiz. How quickly daft jumping zebras vex. Two driven jocks help fax my big quiz. Quick, Baz, get my woven flax jodhpurs! "Now fax quiz Jack!" my brave ghost pled. Five quacking zephyrs jolt my wax bed. Flummoxed by job, kvetching W. zaps Iraq. Cozy sphinx waves quart jug of bad milk. A very bad quack might jinx zippy fowls. Few quips galvanized the mock jury box. Quick brown dogs jump over the lazy fox. The jay, pig, fox, zebra, and my wolves quack! Blowzy red vixens fight for a quick jump. Joaquin Phoenix was gazed by MTV for luck. A wizard’s job is to vex chumps quickly in fog. Watch "Jeopardy!", Alex Trebek's fun TV quiz game. Woven silk pyjamas exchanged for blue quartz. Brawny gods just</p>
        </div>

      <div class="locations">
        <h2>Store Locations</h2>
        <section class="first_and_pike">
          <img src="img/1st_and_pike.jpg" class="location_images" alt="Picture of the corner of first and pike.">
          <p class="location_description">Our flagship store opened back in 2014,and has become a staple of the community.</p>
          <p class="location_info">Hours: 6:00am - 8:00pm  |  Address: 1111 Fake St Seattle WA 98111  |  Phone: 111-111-1111</p>
        </section>

        <section class="seatac">
          <img src="img/seatac.jpg" class="location_images" alt"">
          <!-- <h3 class="seatac_header">SeaTac</h3> -->
          <p class="location_description">The second Pat's Salmon Cookies to open, you can now get one of our delicous cookies to lift your spirits before that long flight.</p>
          <p class="location_info">Hours: 6:00am - 8:00pm  |  Address: 1111 Fake St Seattle WA 98111  |  Phone: 111-111-1111</p>
        </section>

        <section class="seattle_center">
          <img src="img/seattle_center.jpg" class="location_images" alt"">
          <p class="location_description">The armory might sound a little ominous but it is full of delicious food, including your favorite cookie stand!</p>
          <p class="location_info">Hours: 6:00am - 8:00pm  |  Address: 1111 Fake St Seattle WA 98111  |  Phone: 111-111-1111</p>
        </section>

        <section class="capitol_hill">
          <img src="img/capitol_hill.jpg" class="location_images" alt"">
          <p class="location_description">Located just block away from Seattle Central College, we're a perfect stop to supplement your coffee between class. We're also open late Friday and Saturday.</p>
          <p class="location_info">Hours: 6:00am - 8:00pm  |  Address: 1111 Fake St Seattle WA 98111  |  Phone: 111-111-1111</p>
        </section>

        <section class="alki">
          <img src="img/alki.jpg" class="location_images" alt"">
          <p class="location_description">Our newest location opened this June right across from Alki Beach with an amazing view of Seattle across the water.</p>
          <p class="location_info">Hours: 6:00am - 8:00pm  |  Address: 1111 Fake St Seattle WA 98111  |  Phone: 111-111-1111</p>
        </section>
      </div>

      <div class="shop">
        <h2>We also have a shirt!</h2>
        <img src="img/shirt.jpg">
        <p class="shirt_info">It's real nice! if you want one you can buy one <a href="store.html" class="buy_button">here!</a></p>
      </div>

      <footer>
        <a href="sales.html">Admin Login</a>
      </footer>

    </wrapper>
  </body>
</html>