-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
128 lines (125 loc) · 5.73 KB
/
about.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>LineUp Q1 Project</title>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
<link rel="stylesheet" href="styles.css"/>
</head>
<body background="http://www.florestaua.com/wp-content/uploads/2015/09/Microphone-Old.jpg">
<header>
<nav class="black">
<div class="nav-wrapper">
<a href="#" class="center"></a>
<a id="nav-mobile" class="center hide-on-med-and-down">
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a href="contact.html">Contact</a>
</div>
</nav>
<header>
<main>
<div>
<h1 href="#" class="center grey-text text-lighten-4">About Us</h1>
<div class="row grey-text text-lighten-4">
<p>
With LineUp, it's easy to find local artists and musical events when you're traveling on the road or at home with friends. You have the freedom to browse local artists' events and easily buy tickets to their shows.
<br>
<br>
Stay tuned in! The upcoming version of LineUp will allow you to filter events by your current location and to create your unique profile. You'll soon be able to save events and plan your route to venues.
</p>
</div>
</div>
<div class="row">
<div class="col l6 s12">
<div class="card">
<div class="card-image">
<img src="https://s3-media3.fl.yelpcdn.com/bphoto/f_v1d2wEz1nJD3QO0l7kjg/o.jpg">
<p class="card-title left">..When in Cincinnati...</p>
</div>
<div class="card-content">
<p>Enjoy a night out on the town in Cincinnati. With live music throughout the region any night of the week and places to meet up and grab a drink at hundreds of music venues – when the sun goes down, the fun ramps up. </p>
</div>
<div class="card-action">
<a href="index.html">Check it Out</a>
</div>
</div>
</div>
<div class="col l6 s12">
<div class="card">
<div class="card-image">
<img src="https://i0.wp.com/www.bigcitythoughts.com/wp-content/uploads/2016/10/IMG_20161012_222427694.jpg?fit=2048%2C1152">
<p class="card-title left">..When in Pittsburgh...</p>
</div>
<div class="card-content">
<p>When the sun goes down in Pittsburgh, the city transforms into a sparkling metropolis and a whole new world awaits!</p>
</div>
<div class="card-action">
<a href="index.html">Check it Out</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col l6 s12">
<div class="card">
<div class="card-image">
<img src="http://boston.carpediem.cd/data/afisha/o/67/40/6740fb47f5.jpg">
<p class="card-title left">..When in Cambridge...</p>
</div>
<div class="card-content">
<p>Open since 1974, the Middle East Restaurant and Nightclub prove that a great venue doesn't have to hold thousands. True to its name, the venue began as a Lebanese restaurant before slowly transitioning into a prime spot for live music in the late '80s.</p>
</div>
<div class="card-action">
<a href="index.html">Check it Out</a>
</div>
</div>
</div>
<div class="col l6 s8">
<div class="card">
<div class="card-image">
<img src="https://res.cloudinary.com/simpleview/image/fetch/f_auto,q_75/http://Boulder.simpleviewcrm.com/images/listings/original_theater0.jpg">
<p class="card-title left">..When in Boulder...</p>
</div>
<div class="card-content">
<p>First opened in 1906 as a venue for opera, musical productions and silent movies, this versatile performance center now serves a variety of functions, from meetings and conferences to live theater and concerts.</p>
</div>
<div class="card-action">
<a href="index.html">Check it Out</a>
</div>
</div>
</div>
</div>
</main>
<footer class="page-footer black">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h5 class="white-text">LineUp</h5>
<p class="grey-text text-lighten-4">Find local artists, venues, and tickets wherever you are with a single click.</p>
</div>
<div class="col l4 offset-l2 s12">
<h5 class="white-text">Links</h5>
<ul>
<li><a class="grey-text text-lighten-3" href="index.html">Home</a></li>
<li><a class="grey-text text-lighten-3" href="about.html">About</a></li>
<li><a class="grey-text text-lighten-3" href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
<a href="https://www.linkedin.com/in/stephanie-baron/">© 2017 Stephanie Baron<a>
<a class="grey-text text-lighten-4 right" href="#!">More Links</a>
</div>
</div>
</footer>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>
<script src="script.js"></script>
</div>
</body>
</html>