-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathOrig_home.html
135 lines (123 loc) · 6.72 KB
/
Orig_home.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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Compiled and minified CSS -->
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.2/css/materialize.min.css">
<link rel="stylesheet" href="styles.css">
<title>SLP/Home</title>
</head>
<body>
<!--NavBar-->
<nav class="nav-extended">
<div class="nav-wrapper light-blue darken-3">
<a href="#" class="brand-logo">Shopping Complex</a>
<a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="sass.html">Home</a></li>
<li><a href="badges.html">Explore</a></li>
<li><a href="collapsible.html">Contact Us</a></li>
</ul>
<ul class="side-nav" id="mobile-demo">
<li><a href="sass.html">Home</a></li>
<li><a href="badges.html">Explore</a></li>
<li><a href="collapsible.html">Contact Us</a></li>
</ul>
</div>
<div class="nav-content light-blue darken-1">
<ul class="tabs tabs-transparent">
<li class="tab"><a href="Home.html">The Food Barn</a></li>
<li class="tab"><a href="laundary.html">Laundary Shop</a></li>
</ul>
</div>
</nav>
<!--Parallax-->
<div class="parallax-container valign-wrapper">
<div class="container">
<div class="row">
<div class="col l12 s12 m6 white-text">
<h3 class="thin-text center-align valign white-text"><b>The Food Barn</b></h3>
<h3 class="thin-text center-align valign white-text">_______</h3>
</div>
</div>
<div class="row">
<div class="col l12">
<a class="waves-effect btn-large hoverable center-align light-blue darken-3">The Food Barn</a>
<a class="waves-effect btn-large hoverable center-align light-blue darken-3">Laundary Shop</a>
</div>
</div>
</div>
<div class="parallax"><img src="portfolio-background.jpg"></div>
</div>
<!--About-->
<div class="container">
<div class="row">
<h2 class="thin-text center-align">About</h2>
<p class="flow-text" align="center"><b>************************************************************************************<br>***********************************************************************************<br>***********************************************************************************<br>***********************************************************************************<br>***********************************************************************************<br>***********************************************************************************<br>***********************************************************************************<br>*********************</b></p>
</div>
</div>
<!--Contact-->
<footer class="page-footer">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h3 class="thin-text white-text">Contact Us</h3>
<p class="white-text text-lighten-4">Fill in the particulars and we will contact you back using your Email Id:</p>
<div class="row">
<form class="col s12">
<div class="row">
<div class="input-field col s6">
<input id="first_name" type="text" class="validate">
<label for="first_name">First Name</label>
</div>
<div class="input-field col s6">
<input id="last_name" type="text" class="validate">
<label for="last_name">Last Name</label>
</div>
</div>
<div class="row">
<div class="input-field col s12">
<input id="email" type="email" class="validate">
<label for="email">Email</label>
</div>
</div>
<a class="waves-effect waves-light btn"><i class="material-icons right">done</i>Done</a>
</form>
</div>
</div>
<div class="col l4 offset-l2 s12">
<h5 class="white-text">Also Find Us Here :</h5>
<div class="media">
<ul>
<li><a class="waves-effect waves-light btn-floating btn-large social facebook">
<i class="fa fa-facebook"></i> Sign in with facebook</a></li>
<li><a class="waves-effect waves-light btn-floating btn-large social linkedin">
<i class="fa fa-linkedin"></i> Sign in with linkedin</a></li>
<li><a class="waves-effect waves-light btn-floating btn-large social twitter">
<i class="fa fa-twitter"></i> Sign in with twitter</a></li>
<li><a class="waves-effect waves-light btn-floating btn-large social github">
<i class="fa fa-github"></i> Sign in with github</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
© Copyright | CodeBots | 2018
<a class="grey-text text-lighten-4 right" href="#!">Back To Top ^</a>
</div>
</div>
</footer>
<!-- Compiled and minified JavaScript -->
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.2/js/materialize.min.js"></script>
<script>
$(document).ready(function(){
$('.parallax').parallax();
});
$('.carousel.carousel-slider').carousel({fullWidth: true});
</script>
</body>
</html>