-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathAboutUs.html
96 lines (81 loc) · 4.28 KB
/
AboutUs.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
<!DOCTYPE html>
<html lang="en" xml:lang="en">
<head>
<meta name="google-site-verification" content="hMQ4ing6g8r7yl18eOfQHpW1RXYN_RcucOsPnf1rteE" />
<title>impossible octopus fitness </title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- CSS style sheet -->
<link rel="stylesheet" href="styles/reset.css">
<link rel="stylesheet" href="styles/style.css">
<link rel="stylesheet" href="styles/mediaqueryhigh.css">
<link rel="stylesheet" href="styles/mediaquerymid.css">
<link rel="stylesheet" href="styles/mediaquerylow.css">
<!-- CSS style sheet -->
<!-- Fav Icon -->
<link rel="shortcut icon" type="image/png" href="images/leaf_960_720.png">
<!-- Fav Icon -->
<script src="scripts/sticky_smart_header.js"></script>
<script src="scripts/ajax.js"></script>
</head>
<body>
<div class="container">
<header class="header" style="top:0px;">
<div class="top-header">
<div class="logo-wrapper">
<img class="logo" src="images/leaf_960_720.png" alt="Logo">
<div class="tagline">Nexus of people</div>
</div>
<div class="account">
<ul class="">
<li><a href="#">Edit my profile</a></li>
<li><a href="#">Log out</a></li>
</ul>
</div>
</div>
<button id="nav-button" class="navButton2" title="Navigate"></button>
<nav class="nav-show">
<ul>
<li><a href="index.html" class="navButton">Home</a></li>
<li><a href="user.html" class="navButton">My Statuses</a></li>
<li><a href="users.html" class="navButton">All Users</a></li>
<li><a href="AboutUs.html" class="navButton">About Us</a></li>
<li><a href="contactus.html" class="navButton">Contact Us</a></li>
</ul>
</nav>
</header>
<main>
<div class="octopussection">
<section>
<h1><u>About Impossible Octopus Fitness</u></h1> </section>
<article class="octopus">
<figure class="photo"><img src="images/animated-octopus-image-0023.gif" alt="User Photo"></figure>
<h2>When muscle rhymes with tentacle</h2>
<div class="description">
Now, you'll quickly notice that arm wresting an octopus will very often leave you the winner. I've heard some use strong language about octopuses based on that mere fact. But those foul mouths are missing the big picture.Be humble, and look at what a tentacle can do. Then, look at your own arm. You see where I'm going.
</div>
</article>
<article class="octopus">
<figure class="photo"><img src="images/animated-octopus-image-0022.gif" style="width:15%" alt="User Photo"></figure>
<h2>Launching the Impossible Octopus Fitness today</h2>
<div class="description">
Two years ago, I found myself lost in the middle of the Pacific Ocean, trying to swim to the nearest island. (How I got there is a entirely other story. Long story short: don't plan on a parachute jump in the middle of the ocean without arranging for someone to come pick you up after you've landed. Learned it the hard way.)
</div>
</article>
<article class="octopus">
<h2 class="oct-video">Impossible Octopus Fitness: Running</h2>
<iframe class="oct-video" width="320" height="315" src="https://www.youtube.com/embed/B16yIBAtl-U" allowfullscreen></iframe>
</article>
</div>
<div class="bottom-right ">
<span>Welcome to Twitter clone. BETA</span>
</div>
</main>
<footer class="footer " style="bottom:0px; ">
<nav class="nav-hide ">
<a href="maps.html " class="navButton nav-bottom "> We are Here </a>
</nav>
<span class="author-info ">Created by : Daniel Alzugaray & Sravanthi Sinha </span>
</footer>
</div>
</body>
</html>