main.html

{% extends 'layout.html' %}

{% block styles %}
    <link rel = "stylesheet" href = "./styles/main.css">
    <link rel = "stylesheet" href = "./styles/cart.css">
    <script src="./scripts/cart.js"></script>
{% endblock %}

{% block body %}
    <div class = "alltext">
        <h1 class ="title">FRIENDS TO FAMILY</h1>
        <h2 class ="caption">A cafe that sets a comfortable atmosphere
            for its customers and ensures high quality menu items to provide the best
            experience.
        </h2>
    </div>
    
    <div class = "whitebar">
        <div class = "alltext2">
            <h1 class = "title2">DENISSE'S CAFE</h1>
            <h2 class ="caption2">A little about us and a brief history on how we started:</h2>
                <div class = "cap3container">
                    <div class = "imgs">
                        <img src ="./imgs/img4.png" class = "img2" width="500px" height="300px">
                        <img src ="./imgs/img5.png" class = "img2" width="235px" height="150px">
                        <img src ="./imgs/img6.png" class = "img2" width="235px" height="150px">
                    </div>
                    <div class ="caption3">
                        <p>
                            We started out as a group of friends online that came together with mutual interests
                            of starting our own cafe. By bonding and becoming closer through our times together,
                            we realized that anything could be possible with the power of friendship!
                        </p>
                        <p>
                            Our cafe provides the best cup of Joe to start off your day, along with the perfect
                            environment to either relax or socialize with other fellow customers. Be sure to check 
                            out our other delicious menu items as well.
                        </p>
                        <p>
                            Please consider creating a customer account to receive the best user experience!
                        </p>
                        <p>
                            If you have any other questions, feel free to fill out the contact form below!
                        </p>
                    </div>
                </div>
        </div>
    </div> 
    <div class = "graybar">
        <div class="container"></div>
            <h2 class ="contact">CONTACT US:</h2>
            <div class ="contactdiv">
                <p>Address: 160 Convent Ave, New York, NY 10031</p>
                <p>Phone Number: (212) - 650 - 7000</p>
            </div>
            <div class ="insidecontact">
                <label for="name">Name: </label>
                <input type="text" id="name" placeholder="Your full name...">
                <label for="email">Email: </label>
                <input type="text" id="email" placeholder="Your email...">
                <label for="message">Message:</label>
                <textarea id="message" placeholder="Write something..." style="height:200px"></textarea>
                <input type = "submit" value="Submit">
            <div class ="insidecontact">
        </div>
    </div>
{% endblock %}