-
Notifications
You must be signed in to change notification settings - Fork 0
/
funActive.html
87 lines (78 loc) · 3.61 KB
/
funActive.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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<link href="https://fonts.googleapis.com/css?family=Raleway|Rochester" rel="stylesheet">
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-rc.2/css/materialize.min.css">
<link rel="shortcut icon" type="image/png" href="binocular.png">
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-rc.2/js/materialize.min.js"></script>
<meta charset="utf-8">
<title>Exploring Austin: Active</title>
</head>
<body>
<div class="skylineLogo">
<h1 class="logo">
<span class="explore">explore</span>
<span class="austin">Austin</span>
</h1>
</div>
<div class="funnav">
<div class="row">
<div class="col s12">
<ul class="tabs">
<li class="tab col s4"><ul id="slide-outFood" class="sidenav">
<li><a href="./foodBreakfast.html" class="waves-effect; col m12 btn amber lighten-1" href="#!">Breakfast</a></li>
<li><a href="./foodLunch.html" class="waves-effect; col m12 btn amber lighten-1" href="#!">Lunch</a></li>
<li><a href="./foodDinner.html" class="waves-effect; col m12 btn amber lighten-1" href="#!">Dinner</a></li>
<li><a href="./foodDrinks.html" class="waves-effect; col m12 btn amber lighten-1" href="#!">Drinks</a></li>
</ul>
<a href="#" data-target="slide-outFood" class="sidenav-trigger">
<i class="col m12 btn orange accent-2">food</i></a>
<li class="tab col s4"><ul id="slide-outFun" class="sidenav">
<li><a href="./funActive.html" class="waves-effect; col m12 btn amber lighten-1" href="#!">Active</a></li>
<li><a href="./funViews.html" class="waves-effect; col m12 btn amber lighten-1" href="#!">Views</a></li>
<li><a href="./funShopping.html" class="waves-effect; col m12 btn amber lighten-1" href="#!">Shopping</a></li>
<li><a href="./funEntertainment.html" class="waves-effect; col m12 btn amber lighten-1" href="#!">Entertainment</a></li>
</ul>
<a href="#" data-target="slide-outFun" class="sidenav-trigger">
<i class="col m12 btn orange accent-2">fun</i></a>
<li class="tab col s4"><a href="./atxOpening.html"><i class="col m12 btn orange accent-2">home</i></a>
</ul>
</div>
</div>
</div>
<div class="page">
<h2>Active</h2>
<div class="row">
<div class="col s12 m7">
<div class="card">
<div class="card-image">
<img src = "paddleBoarding.jpg" alt= "Lady Bird Lake Paddle Boarding">
<span class="card-title">Lady Bird Lake Paddle Boarding</span>
</div>
<div class="card-content">
<p> SUP ATX is credited with introducing and popularizing the sport of Stand Up Paddle Surfing (SUP) in lakes, rivers and surfing areas throughout the United States and around the world beginning in 2008.
</div> </p>
</div>
</div>
</div>
<div id="ActiveText"></div>
<article class="activeTable">
<table class="highlight">
<thead>
<th>Name</th>
<th>Address</th>
<th>Cost</th>
</thead>
<tbody class="tableActive">
</tbody>
</table>
</article>
</div>
<script src="project.js" type="text/javascript">
</script>
</div>
</body>
</html>
<!-- <a href=" ./atxOpening.html"></a> -->