-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathabout.html
72 lines (58 loc) · 3.87 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
<!DOCTYPE html>
<html>
<head><link rel="stylesheet" href="normalize.css">
<title>Jake & Elwood</title>
<!-- viewport meta to render pages on mobile properly -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- link to google fonts -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap" rel="stylesheet">
<!-- https://cdnjs.com/libraries/font-awesome -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.css" rel="stylesheet">
<!-- link to my CSS -->
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<header class="header main-grid">
<div class="header-content">
<a class="logo-link" href="index.html">
<img src="./img/logo.png" alt="" class="logo">
</a>
<button aria-label="Open navigation" class="open-nav">☰</button>
<nav class="nav">
<button aria-label="Close navigation" class="close-nav">×</button>
<ul class="nav-list">
<li class="nav-item"><a href="index.html" class="nav-link">home</a></li>
<li class="nav-item"><a href="about.html" class="nav-link current">about us</a></li>
<li class="nav-item"><a href="contact.html" class="nav-link">contact</a></li>
</ul>
</nav>
</div>
</header>
<main class="main-template main-grid">
<h1 class="page-title">About us.</h1>
<p class="subtitle">We’re two brothers from Chicago. We can help you with SEO, SEM, content marketing and whatever else.</p>
<img class="main-image" src="./img/about-me.jpg" alt="a man wearing goggles">
<div class="main-text">
<h2 class="section-title">We're really great guys</h2>
<p>We grew up in downtown Chicago, and we used to play in a band. Jake loves fried chicken, and Elwood loves dry white toast. </p>
<p>While the band didn't make it, the hard work we put in trying to promote it sure did. Like a lot of people, we needed a website, and we needed to rank. The "experts" didn't seem to know what they were talking about, so we figured it out on our own.</p>
<h2 class="section-title">We can do all sorts of great stuff</h2>
<p>Honestly most people in this industry seem to be full of crap. We don't care what you've heard, or what others have told you, we get results and at the end of the day, what else matters? </p>
<p>So sure, maybe we're a bit different from what you'd expect, but if you want to rank, market, and build your way to the top, we're the brothers for you.</p>
</div>
</main>
<footer class="footer main-grid">
<div class="footer-main">
<img src="./img/logo.png" alt="" class="footer-logo">
<p class="footer-text">Two brothers from Chicago that are just trying to pay back their debt by helping others with their SEO, SEM, and Content Marketing needs.</p>
<p class="footer-fineprint">© Jake&Elwood 2019</p>
</div>
<ul class="social-list">
<li class="social-item"><a href="#" class="social-link"><i class="fab fa-facebook-square"></i></a></li>
<li class="social-item"><a href="#" class="social-link"><i class="fab fa-twitter"></i></a></li>
<li class="social-item"><a href="#" class="social-link"><i class="fab fa-instagram"></i></a></li>
</ul>
</footer>
<script src="script.js"></script>
</body>
</html>