grid-multipage/about.html at main · pawelpikus/grid-multipage · GitHub

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
<!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 my CSS -->
        <link href="css/style.css" rel="stylesheet">
        <!-- link to google fonts -->
        <link rel="preconnect" href="https://fonts.gstatic.com">
        <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
        <script src="https://kit.fontawesome.com/3c9d0da18a.js" crossorigin="anonymous"></script>
    </head>
    <body>
        <header class="header main-grid">
            <div class="header-content ">
                <a href="index.html" aria-label="logo" class="header-link">
                    <img src="./img/logo.png" alt="logo" class="header-logo">
                </a>
                <button class="open-nav" aria-label="open navigation">&#9776;</button>
                <nav class="nav">
                    <button class="close-nav" aria-label="close navigation">&times;</button>
                    <ul class="nav-list">
                        <li class="list-item"><a href="index.html" class="nav-link">home</a></li>
                        <li class="list-item"><a href="about.html" class="nav-link current">about us</a></li>
                        <li class="list-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 subtitle-template">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>