<title>Jayne Doe</title>

<div class="wrapper">

    <div class = "header">
        <h1>Jayne Doe</h1>
        <h2>Master of Shadows and the Internet</h2>
    </div>

    <div class = "Biography">
            <img src="photo_of_me.jpg" alt="photo_of_me">
        <div class="About">
            <h2>About</h2>
            <p>Hello! I'm an extremely driven and creative Full Stack Developer who is currently open for career oppurtunities as a front-end or back-end web developer in the Greater Seattle Area.</p>
            <br>
            <p>I'm a recent graduate of Coding Dojo, a coding school located in Bellevue, WA that teaches 3 full stacks in 3 months. I'm capable of learning new technologies very quickly, and am always looking for opportunities to further expand my skills and grow as a developer. <a href="#">Continue Reading</a></p>
        </div>
    </div>
    
    <div class="FlexBoxes">
        <div class="Col">
            <h3 class="Tag">La Mode</h3>
            <div class="Personal_Image1">
                <img src="lamode.png" alt="lamode" class="Personal" > 
                <p>La Mode is an Ecommerce website for designed to market various clothing products. Users are able to view the available garments, select their desired quantity, and complie a shopping cart for making a final purchase. </p>
                    <div class="Tech_Buttons">
                        <h1>Technology</h1>
                        <img src="JavaScript.png" alt="JavaScript" class= "Techs">
                        <img src="ajax.png" alt="ajax" class= "Techs">
                        <img src="bootstrap.png" alt="bootstrap" class= "Techs" >
                        <img src="angular.png" alt="angular" class= "Techs">
                        <img src="c-sharp.png" alt="c-sharp" class= "Techs">
                        <img src="codeigniter.png" alt="codeigniter" class= "Techs">
                        <img src="codepen.png" alt="codepen" class= "Techs">
                        <img src="CSS.png" alt="CSS" class= "Techs">
                        <button class="btn btn-primary" type="submit" name="submi">La Mode</button>
                    </div>
            </div>
        </div> 
            
            <div class="Col">
                <h3 class="Tag">Family Contacts</h3>
                <img src="familycontacts.png" alt="family_contacts" class="Personal"> 
                <p>Family Contacts is a free application  for managing, sharing, and visualizing your family relationships for both extended and immediate family. As an essential feature of the the project, your log-in information determines who you can see and reveals how people are related to you.</p>
                        <div class="Tech_Buttons2">
                            <h1>Technology</h1>
                            <img src="d3.png" alt="d3" class= "Techs">
                            <img src="django.png" alt="django"class= "Techs" >
                            <img src="expressjs.png" alt="expressjs" class= "Techs">
                            <img src="HTML.png" alt="HTML" class= "Techs" >
                            <img src="iOS-Swift.png" alt="iOS-Swift" class= "Techs">
                            <img src="jQuery.png" alt="jQuery" class= "Techs">
                            <img src="LAMP.png" alt="LAMP" class= "Techs">
                            <img src="materialize.png" alt="materialize" class= "Techs">
                            <img src="MEAN.png" alt="MEAN" class= "Techs">
                            <button>Family_Contact</button>
                        </div>
            </div>
            
            
            <div class="Col">
                <h3 class="Tag">five Eleven</h3>
                <img src="fiveEleven.png" alt="fiveEleven"class="Personal" >
                <p>Five Eleven is a data visualization project built on the Python software stack.  The application transforms the developer job-hunt into a more visual, user friendly experience. Based on location, technology popularity, and the other vast data sets, users may easily visualize the varying sizes and concentrations of the junior developer job market across nation.</p>
                <div class="Tech_Buttons3">
                    <h1>Technology</h1>
                    <img src="mongodb.png" alt="mongodb" class= "Techs">
                    <img src="mysql.png" alt="mysql" class= "Techs">
                    <img src="nodejs.png" alt="nodejs" class= "Techs">
                    <img src="php.png" alt="php" class= "Techs">
                    <img src="python.png" alt="python" class= "Techs">
                    <img src="RUBY.png" alt="RUBY" class= "Techs">
                    <img src="sqlite.png" alt="sqlite" class= "Techs">
                    <img src="socket.png" alt="socket"class= "Techs" >
                    <button>fiveEleven</button>
                </div>
            </div>
    </div>
    



        <div class="Footer">
            <div class="p1">
                <p>jdoe@gmail.com | 555-555-5555<sP>                    
                
            </div>
            <p class="p2"><img src="github.png" jaynedev width=40px; height=40px; alt="github">
            <class="p2"><img src="linkedin.png" jaynedev width=40px; height=40px; alt="linkedin"><class="p2"><img src="twitter.png" jaynedevwidth=40px; height=40px;alt="twitter"><class="p2"><img src="codepen.png" jaynedev width=40px; height=40px; alt="codepen"></p>
            </div>
        </div>      

    </body>