sketches.html

<!DOCTYPE html>
<html>
    <head>
        <title>Mykayla Fernandes | Sketches</title>
        <meta charset='utf-8'>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width">
        <link rel="icon" href="img/logo_transparent01.png">
        <link rel="stylesheet" type="text/css" href="css/sketches.css">
        <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
    </head>
    
    <body>
        
        <div class="sub-page-header">
            <br>
            <a href="index.html"><h1>Mykayla Fernandes</h1></a>
            <hr>
            <h1>Sketches</h1>
            <br>
        </div>
        
        <br>
        <br>
        
        <div>
            <h3>Beachfront Pools</h3>
            <h5>Oregon, USA</h5>
            <p>In response to a prompt from my second year architecture studio, I created an architectural concept comic to accomodate my project.</p>
            <br>
            <br>
            <iframe src="img/Beachfront_Pools.pdf" width="60%" height="1000px"></iframe>
            <br>
            <br>
            <br>
            
            <p>The sketched architectural concept comic is currently being transcribed into beautiful, colorful digital art pages by <a href="https://www.instagram.com/vitrashark/">Vitrashark</a>. Please take time to appreciate their work.</p>
            
            <br>
            <br>
            <br>
            <div class="img-tile">
                <img src="img/beach-digi-comic/Comic_Beachfront01.png">
                <img src="img/beach-digi-comic/Comic_Beachfront02.png">
                <img src="img/beach-digi-comic/Comic_Beachfront03.png">
                <img src="img/beach-digi-comic/Comic_Beachfront04.png">
                <img src="img/beach-digi-comic/Comic_Beachfront05.png">
                <img src="img/beach-digi-comic/Comic_Beachfront06.png">
            </div>
            

            <br>
            <br>
            <hr>
        </div>
        <br>
        <br>
        
        <br>
        <br>
        <footer>
        <span id="year"></span> Copyright Mykayla Fernandes
    </footer>
    <script type="text/javascript" src="scripts/index.js"></script>
    </body>
</html>