anton.puiu
/
codecademy


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
							<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Tea Cozy</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="resources/css/style.css" type="text/css" media="screen" />
</head>

<body>
    <div class="front">
        <header>
            <img src="/resources/img/img-tea-cozy-logo.png">

            <span>
                <a href="#">Mission</a>
                <a href="#">Featured Tea</a>
                <a href="#">Locations</a>
            </span>
        </header>

        <main>
            <section id="first">
                <h2>Our Mission</h2>
                <h4>Handpicked, Artisanally Curated, Free Range, Sustainable, Small Batch, Fair Trade, Organic Tea</h4>
            </section>

            <section id="second">
                <h2>Tea of the Month</h2>
                <h4>What's Steeping at The Tea Cozy?</h4>

                <div class="cards">
                    <span class="card">
                        <img src="/resources/img/img-berryblitz.jpg">
                        <div>Fall Berry Blitz Tea</div>
                    </span>

                    <span class="card">
                        <img src="/resources/img/img-spiced-rum.jpg">
                        <div>Spiced Rum Tea</div>
                    </span>

                    <span class="card">
                        <img src="/resources/img/img-donut.jpg">
                        <div>Seasonal Donuts</div>
                    </span>

                    <span class="card">
                        <img src="/resources/img/img-myrtle-ave.jpg">
                        <div>Myrtle Ave Tea</div>
                    </span>

                    <span class="card">
                        <img src="/resources/img/img-bedford-bizarre.jpg">
                        <div>Bedford Bizarre Tea</div>
                    </span>

                </div>
            </section>

            <section id="third">
                <h3>Locations</h3>

                <div class="cards">
                    <div class="card">
                        <h3>Downtown</h3>
                        <h5>384 West 4th St</h5>
                        <h5>Suite 108</h5>
                        <h5>Portland, Maine</h5>
                    </div>

                    <div class="card">
                        <h3>Downtown</h3>
                        <h5>384 West 4th St</h5>
                        <h5>Suite 108</h5>
                        <h5>Portland, Maine</h5>
                    </div>

                    <div class="card">
                        <h3>Downtown</h3>
                        <h5>384 West 4th St</h5>
                        <h5>Suite 108</h5>
                        <h5>Portland, Maine</h5>
                    </div>
                </div>
            </section>

            <section id="fourth">
              <h2>The Tea Cozy</h2>
              <h5>contact@theteacozy.com</h5>
              <h5>917-555-8904</h5>
            </section>

            <footer>
              copyright The Tea Cozy 2017
            </footer>
        </main>
    </div>
</body>

</html>