-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
107 lines (102 loc) · 4.43 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
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
<!DOCTYPE html>
<html>
<head>
<title>Morgan Enterprises</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="./main.css">
<meta name="viewport" content="width=devicewidth, initialscale=1">
</head>
<body>
<!-- To Do List:
-Add Background image
-Fix mainMenu Panel
-Make links functional-->
<header>
<div class="container" id="picContainer">
<div class="row">
<div class="col-md-6">
<img src="./img/tim-gouw-69753.jpg" alt="Photo by Tim Gouw on Unsplash" width="100%" id="image1">
</div>
<div class="col-md-6">
<img src="./img/kai-oberhauser-309715.jpg" alt="Photo by Kai Oberhäuser on Unsplash" width="100%" id="image2">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-12" id="companyName"><b>Morgan Enterprises<i>"Lorem ipsum dolor sit amet, consectetur"</i></b><h4>PPAI#:</h4></div>
</div>
</div>
</header>
<div id="sideMenu">
<!--item category menu-->
<div>
<h2>CATEGORIES</h2>
<div class=list-group>
<a href="" class="list-group-item list-group-item-info"><b>Shirts</b></a>
<a href="" class="list-group-item list-group-item-warning"><b>Hats</b></a>
<a href="" class="list-group-item list-group-item-info"><b>Mugs</b></a>
<a href="" class="list-group-item list-group-item-warning"><b>Golf Balls</b></a>
<a href="" class="list-group-item list-group-item-info"><b>Pens</b></a>
<a href="" class="list-group-item list-group-item-warning"><b>Water Bottles</b></a>
<a href="" class="list-group-item list-group-item-info"><b>Frisbees</b></a>
<a href="" class="list-group-item list-group-item-warning"><b>...AND MORE!!!</b></a>
</div>
<h3 id="sideMenuh3">Other items available on request!</h3>
</div>
<div class="ourGoalDiv">
<h2>Our Goal:</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur.</p>
</div>
</div>
<div class="container">
<div class="row">
<!--box containing products-->
<div class="col-md-3 itemBox">
<img src="./img/mug.jpg" alt="Photo by Hans Vivek on Unsplash" class="itemPic" border="0">
<a href=""><h3>Mugs</h3></a>
<p class="itemText">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="col-md-3 itemBox">
<img src="./img/hat.jpg" alt="Photo by Nina Strehl on Unsplash" class="itemPic" border="0">
<a href=""><h3>Hats</h3></a>
<p class="itemText">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="col-md-3 itemBox">
<img src="./img/shirt.jpg" alt="Photo by Jerry Kiesewetter on Unsplash" class="itemPic" border="0">
<a href=""><h3>Shirts</h3></a>
<p class="itemText">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="col-md-3 itemBox">
<img src="./img/water-bottle.jpg" alt="" class="itemPic" border="0">
<a href=""><h3>Water Bottles</h3></a>
<p class="itemText">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="col-md-3 itemBox">
<img src="./img/pen.jpg" alt="" class="itemPic" border="0">
<a href=""><h3>Pens</h3></a>
<p class="itemText">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="col-md-3 itemBox">
<img src="./img/golf-balls.jpg" alt="Photo by Tyson Dudley on Unsplash" class="itemPic" border="0">
<a href=""><h3>Golf Balls</h3></a>
<p class="itemText">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
</div>
<div class="clear"></div>
<br>
<div>
<footer id="mainpageFooter">
<span>©2017 </span>
<a href="">Contact Us</a>
<a href="">Privacy Policy</a>
<a href="">Terms of Use</a>
</footer>
</div>
</body>
</html>