Untitled

<!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">
    <title>Document</title>
    <link rel="stylesheet" href="assets/css_reset.css">
    <link rel="stylesheet" href="assets/recipev3.css">
    <link href="https://fonts.googleapis.com/css?family=Pacifico|Roboto+Slab&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.11.1/css/all.css">

</head>

<body>

    <header>
        <h2>SCOOPS</h2>
        <nav>
            <li><a href="#">About</a></li>
            <li><a href="#">Contact</a></li>

        </nav>
    </header>


    <div class="background-image" style="max-width: 100%">
        <img class="mySlides" src="assets/img/img5.jpg" style="width:100%">
        <img class="mySlides" src="assets/img/img7.jpeg" style="width:100%">
        <img class="mySlides" src="assets/img/brenda-godinez-AAHdL8gp5b8-unsplash.jpg" style="width:100%">

        <img class="mySlides" src="assets/img/img4.jpg" style="width:100%">
    </div>


    <main>

        <section class="Blurb">
            <div class="blurb-content">
            <h3 class="title"> Have A Sweet Tooth ?</h3>
            <p>our site offers a variety of recipes for different types of desserts, look around maybe you'll find
                something
                youll like. </p>
            </div>
        </section>


        <section class="recipe">
            <div class="recipe-media">
                <div class="recipe-circle-box">
                    <img src="assets/img/img6.jpg" alt="" class="recipe-image">
                    <i class="fas fa-ice-cream"></i>
                </div>

            </div>
            <div class="recipe-content">
                <h3 class="recipe-title">
                    Triple layer sundae
                </h3>
                <p class="recipe-description">
                    involving different unique flavors, this simple sundae recipe will change the way to look at sundae's.
                </p>
                <button type="button" class="btn btn-secondary btn-sm">EAT ME</button>

            </div>
        </section>


        <section class="recipe-switch">
            <div class="recipe-media">
                <div class="recipe-circle-box">
                    <img src="assets/img/img3.png" alt="" class="recipe-image">
                    <i class="fas fa-birthday-cake"></i>
                </div>

            </div>
            <div class="recipe-content">
                <h3 class="recipe-title">
                    Caramel delight
                </h3>
                <p class="recipe-description">
                   This simple but delicious chocolate cake with a caramel center will blow your mind. This simple recipe uses the most basic ingredients that complement each other well.

                </p>
                 <button type="button" class="btn btn-secondary btn-sm">EAT ME</button>

            </div>
        </section>


        <section class="recipe">
            <div class="recipe-media">
                <div class="recipe-circle-box">
                    <img src="assets/img/eiliv-sonas-aceron-TisEmGhnVUs-unsplash.jpg" alt="" class="recipe-image">
                    <i class="fas fa-blender"></i>
                </div>

            </div>
            <div class="recipe-content">
                <h3 class="recipe-title">
                    Oreo Shake
                </h3>
                <p class="recipe-description">
                    this simple milkshake will leave you wanting more. All you need is some chocolate icecream, Oreos, and whipped cream. some assembly required
                </p>
                 <button type="button" class="btn btn-secondary btn-sm">EAT ME</button>

            </div>
        </section>


        <section class="recipe-switch">
            <div class="recipe-media">
                <div class="recipe-circle-box">
                    <img src="assets/img/aliona-gumeniuk-skWmLMN6vFY-unsplash.jpg" alt="" class="recipe-image">
                    <i class="fas fa-ice-cream"></i>
                </div>

            </div>
            <div class="recipe-content">
                <h3 class="recipe-title">
                    Vanilla shake, with a twist?
                </h3>
                <p class="recipe-description">
                    In this recipe we used ingredients that would not be paired with one another, the result. A unique milkshake that will leave you wanting more.

                </p>
                 <button type="button" class="btn btn-secondary btn-sm">EAT ME</button>

            </div>
        </section>


        <section class="Blurb">
                <div class="blurb-content">
                        <h3 class="title"> In The Makes</h3>
                        <p>Our pastry chefs are always experimenting with variuos differently flavors, here are some of our new
                            develpoments you might like. </p>

                </div>
            </section>


            <div class="row">


                <div class="column">
                    <div class="card">
                        <!-- <h3>Card 4</h3> -->
                        <div class="card-image-box">
                            <img src="assets/img/eiliv-sonas-aceron-gjFfm8ADhQw-unsplash.jpg" alt="">
                        </div>

                        <h3>the holy grail</h3>

                    </div>
                </div>


                <div class="column">
                    <div class="card">
                        <!-- <h3>Card 2</h3> -->
                        <div class="card-image-box">
                            <img src="assets/img/dilyara-garifullina-I48gnI1Qs5o-unsplash.jpg" alt="">
                        </div>

                        <h3>Strawberry shortcake</h3>
                    </div>
                </div>
            </div>
            <div class="row">


                <div class="column">
                    <div class="card">
                        <!-- <h3>Card 4</h3> -->
                        <div class="card-image-box">
                            <img src="assets/img/mike-meeks-zk-fclJdGas-unsplash.jpg" alt="">
                        </div>

                        <h3>chocolate cupcake</h3>
                    </div>
                </div>

                <div class="column">
                    <div class="card">
                        <!-- <h3>Card 4</h3> -->
                        <div class="card-image-box">
                            <img src="assets/img/deva-williamson-S2jw81lfrG0-unsplash.jpg" alt="">
                        </div>
                        <h3>strawberry cupcake</h3>

                    </div>
                </div>
            </div>
        </section>


    </main>


    <footer>
        <p>Images courtesy of <a href="https://unsplash.com/">Unsplash</a>.</p>


        <form>
            <input type="email" placeholder="Subscribe to our news letter">

        </form>

        <ul>
            <li><a href="#"> <i class="fab fa-facebook-square fa-2x"></i></i></a> </li>
            <li><a href="#"> <i class="fab fa-twitter fa-2x"></i></a> </li>
            <li><a href="#"> <i class="fab fa-snapchat-square fa-2x"></i></a> </li>
        </ul>
    </footer>


    <script src="assets/slideshow.js"></script>
</body>

</html>