precious-snacks/products.html at master · HackToHelpUTD/precious-snacks · 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
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Precious Snacks | Products</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Raleway:300,400,500|Satisfy" rel="stylesheet">
    <!-- Nav Bar CSS, Add Custom CSS After -->
    <link rel="stylesheet" href="src/style/style.css">
    <!--navbar JS-->
    <script src="src\js\nav.js"></script>
    <!-- Custom CSS -->
    <link rel="stylesheet" href="src/style/products.css">
    <!--Favicons-->
    <link rel="apple-touch-icon" sizes="180x180" href="/src/imgs/favicons/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/src/imgs/favicons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/src/imgs/favicons/favicon-16x16.png">
    <link rel="manifest" href="/src/imgs/favicons/manifest.json">
    <link rel="shortcut icon" href="/src/imgs/favicons/favicon.ico">
    <meta name="msapplication-config" content="/src/imgs/favicons/browserconfig.xml">
    <meta name="theme-color" content="#789f73">
  </head>
  <body>
    <div class="not-footer">
      <nav class="navBar" id="navBar">
        <a href="./" class="logo">
          <img src="src/imgs/logo.svg" alt="logo" class="logo-image">
          <p class="logo-text">Precious Snacks</p>
        </a>
        <a href="./contact.html" class="navtext">Contact</a>
        <a href="./products.html" class="navtext active">Products</a>
        <a href="./about.html" class="navtext">About</a>
        <a href="javascript:void(0);" class="icon" onclick="myFunction()">&#9776;</a>
      </nav>
      <header>
        <h3>Our Precious List</h3>
      </header>
      <div class="flex">
        <div class="flex-item1">
          <div class="peanuts">
            <img src="src/imgs/peanuts.png" alt="Precious Peanuts">
          </div>
        </div>
        <div class="flex-item2">
        <h2>Precious Peanuts</h2>
        <h3>Available Size</h3>
        <h4>7 oz.</h4>
        <div class="lighter tooltip" >
          <a href="./contact.html" alt="Contact"><img src="src/imgs/contact.svg" alt="Contact"></a>
          <span class="tooltiptext">Order Now</span>
        </div>
        </div>
      </div>
      <div class="cs">
          <div class="soon">
              <h3>More Precious Products</h3>
              <h2>Coming Soon</h2>
            </div>
      </div>
    </div>
    <div class="footer flex">
      <div class="left">
        <p>&copy; Copyright 2017 Precious Snacks</p>
      </div>
      <div class="right">
        <p>Designed and Developed by <a href="https://itwd.us/2017">ITWD 2017</a></p>
      </div>
    </div>
  </body>
</html>