index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" type="text/css" href="main.css">
    <title>Globie's Food Adventures</title>
</head>
<body>
    <header>
        <a class="nav-link" href='index.html'>Globie's Food Adventures</a>
    </header>

    <section class="hero">
        <img class="globie" src="images/logo.png">
        <h1>Globie's Food Adventures</h1>
        <h2>The best foods from around the globe!!!</h2>
    </section>

    <section class="content">
        <article class="card">
            <section class="image">
                <img src="images/australia.png"></img>
            </section>
            <section class="info">
                <h3>Vegemite sandwich</h3>
                <address>Sydney, Australia</address>
                <p>I can't believe they eat this stuff!</p>
            </section>
            <footer>
                <a class="button" href="australia.html">Read more</a>
            </footer>
        </article>
        <article class="card">
            <section class="image">
                <img src="images/placeholder.png"></img>
            </section>
            <section class="info">
                <h3>Escargots</h3>
                <address>Paris, France</address>
                <p>Stay tuned for my upcoming trip report from France!</p>
            </section>
            <footer>
                <a class="button disabled" href="france.html" disabled>Coming soon!</a>
            </footer>
        </article>
        <article class="card">
            <section class="image">
                <img src="images/placeholder.png"></img>
            </section>
            <section class="info">
                <h3>Pav bhaji</h3>
                <address>Mumbai, India</address>
                <p>Stay tuned for my upcoming trip report from India!</p>
            </section>
            <footer>
                <a class="button disabled" href="india.html" disabled>Coming soon!</a>
            </footer>
        </article>
        <article class="card">
            <section class="image">
                <img src="images/placeholder.png"></img>
            </section>
            <section class="info">
                <h3>Ceviche</h3>
                <address>Lima, Peru</address>
                <p>Stay tuned for my upcoming trip report from Peru!</p>
            </section>
            <footer>
                <span class="button disabled" href="peru.html" disabled>Coming soon!</span>
            </footer>
        </article>
        <article class="card">
            <section class="image">
                <img src="images/placeholder.png"></img>
            </section>
            <section class="info">
                <h3>Fish & Chips</h3>
                <address>London, England</address>
                <p>Stay tuned for my upcoming trip report from England!</p>
            </section>
            <footer>
                <span class="button disabled" href="england.html" disabled>Coming soon!</span>
            </footer>
        </article>
        <article class="card">
            <section class="image">
                <img src="images/placeholder.png"></img>
            </section>
            <section class="info">
                <h3>Tamales</h3>
                <address>Oaxaca, Mexico</address>
                <p>Stay tuned for my upcoming trip report from Mexico!</p>
            </section>
            <footer>
                <span class="button disabled" href="mexico.html" disabled>Coming soon!</span>
            </footer>
        </article>
        <article class="card">
            <section class="image">
                <img src="images/placeholder.png"></img>
            </section>
            <section class="info">
                <h3>Pizza</h3>
                <address>Rome, Italy</address>
                <p>Stay tuned for my upcoming trip report from Italy!</p>
            </section>
            <footer>
                <span class="button disabled" href="italy.html" disabled>Coming soon!</span>
            </footer>
        </article>
        <article class="card">
            <section class="image">
                <img src="images/placeholder.png"></img>
            </section>
            <section class="info">
                <h3>Sushi</h3>
                <address>Tokyo, Japan</address>
                <p>Stay tuned for my upcoming trip report from Japan!</p>
            </section>
            <footer>
                <span class="button disabled" href="japan.html" disabled>Coming soon!</span>
            </footer>
        </article>
        <article class="card">
            <section class="image">
                <img src="images/placeholder.png"></img>
            </section>
            <section class="info">
                <h3>Lingonberry jam</h3>
                <address>Copenhagen, Denmark</address>
                <p>Stay tuned for my upcoming trip report from Denmark!</p>
            </section>
            <footer>
                <span class="button disabled" href="england.html" disabled>Coming soon!</span>
            </footer>
        </article>
    </section>

</body>
</html>