WebProject2020/about.html at master · shiraalter/WebProject2020 · 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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>About Us</title>
    <link href="about.css" rel="stylesheet" type="text/css" />

  <!--<script src="http://code.jquery.com/jquery-3.1.1.min.js"></script> -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">


<!--links for navbar and accordian -->
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>

 <!-- font stylesheet-->
 <link href="https://fonts.googleapis.com/css?family=Kaushan+Script&display=swap" rel="stylesheet">

<!-- external link for accordian -->
 <!--    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">  -->

</head>

  <body>


<div id="nav-placeholder"></div>


    <div class-"container">
    <div class="about-us">
		<h1>About Us</h1> <br>
		<div class = "paragraph">
		<p>Our story begins in a small basement in Iron River, Michigan in the Winter of 1920. After immigrating to America from Sweden, the Karlsson siblings decided to chase after the American Dream by doing what they loved: brewing well-crafted beer. Soon after launching their small family-owned business with little money, the company flourished and became a national sensation.</p>

    <p>The business has expanded over many generations and we are now a proud household name. As a family-owned business, we stand by the top-notch quality of our products and are determined to continue the family legacy with integrity.</p>
    </div>
    </div>
  </div>


<!-- ACCORDIAN: -->


   <div class = "accordian-area">
     <h2 class = "faq"> Fighting Fish Brewery FAQs</h2>
   <br>
    <div class="collapse-group">    <!--drop downs -->
      <div class="panel-group" id="accordion">
        <div class="panel panel-default">
          <div class="panel-heading">
            <h3 class="panel-title">
              <a data-toggle="collapse" data-parent="#accordion" href="#collapse1">Can I create my own flavors?</a>
            </h3>
          </div>
          <div id="collapse1" class="panel-collapse collapse in">
            <p class="panel-body">YES! We are known for crafting the most original and unique beer flavors according to each customer's liking. You can also purchase our more classic flavors which never disappoint! </p>
          </div>
        </div>
        <div class="panel panel-default">
          <div class="panel-heading">
            <h3 class="panel-title">
              <a data-toggle="collapse" data-parent="#accordion" href="#collapse2">How long does shipping take?</a>
            </h3>
          </div>
          <div id="collapse2" class="panel-collapse collapse">
            <p class="panel-body">Ground shipping typically takes between 3-5 business days in the US.</p>
          </div>
        </div>
        <div class="panel panel-default">
          <div class="panel-heading">
            <h3 class="panel-title">
              <a data-toggle="collapse" data-parent="#accordion" href="#collapse3"> Can I get crafted beer at my events?</a>
            </h3>
          </div>
          <div id="collapse3" class="panel-collapse collapse">
            <p class="panel-body">Absolutely! We have catered birthday parties, weddings, super bowl parties, fundraisers and many more. Feel free to send us an email with any inquiries regarding a specific event.</p>
          </div>
        </div>
      </div>
    </div>


     <h2>Please join our email list</h2>
     <div class="formbox">
        <form id="email_form" name="email_form">
	        <label for="email">Email Address:</label>
	        <input type="text" id="email" name="email">
	        <span>*</span><br>

	        <label for="first_name">First Name:&nbsp;&nbsp;&nbsp;&nbsp;</label>
	        <input type="text" id="first_name" name="first_name">
	        <span>*</span><br>

			<label for="last_name">Last Name:&nbsp;&nbsp;&nbsp;&nbsp;</label>
	        <input type="text" id="last_name" name="last_name">
	        <span>*</span><br>

	        <label for="zip">Zip Code:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
	        <input type="text" id="zip" name="zip" placeholder="99999">
	        <span>*</span><br>

	        <label>Email me about:</label>
	        <input type="checkbox" id="event" name="event" value="event"> <label for="checkbox">Events</label>
	        <input type="checkbox" id="offer" name="offer" value="offer"><label for="checkbox">Special Offers</label>
	        <input type="checkbox" id="new" name="new" value="new"><label for="checkbox">New Flavors!</label>
	        <span></span><br><br>

	        <label>&nbsp;</label>
	        <input type="submit" id="join" name="join" value="Join our List">
	        <input type="reset" id="reset" name="reset" value="Reset"><br>
	    </form>
     </div>
</div>
<script src="validate.js"></script>
<script src="about.js"></script>

 <div id="footer-placeholder"></div>
  </body>
</html>