Permalink
Cannot retrieve contributors at this time
Name already in use
A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Portfolio_Website/index.html
Go to fileThis commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
108 lines (92 sloc)
4.56 KB
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Meira Tompkins</title> | |
| <link rel="stylesheet" href="css/style.css"> | |
| <link rel="stylesheet" href="https://use.typekit.net/skw5qvq.css"> | |
| <link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Julius+Sans+One|Raleway:300,400&display=swap" rel="stylesheet"> | |
| <link rel="shortcut icon" href="img/logo16.png"> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> | |
| <script src="https://kit.fontawesome.com/234e21eb78.js" crossorigin="anonymous"></script> | |
| </head> | |
| <body> | |
| <section class="body"> | |
| <nav class="navbar navbar-light navbar text-right" role="navigation"> | |
| <div class="container"> | |
| <div class="navbar-header"> | |
| <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> | |
| <span class="sr-only">Toggle navigation</span> | |
| <span class="icon-bar"></span> | |
| <span class="icon-bar"></span> | |
| <span class="icon-bar"></span> | |
| </button> | |
| </div> | |
| <!-- Collect the nav links, forms, and other content for toggling --> | |
| <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> | |
| <ul class="nav navbar-nav text-right"> | |
| <a class="navbar-brand"href="index.html"> | |
| <img src="img/logo192.png" alt="Meira Tompkins Logo"> | |
| </a> | |
| <li><a href="index.html">Home</a></li> | |
| <li><a href="#about">About</a></li> | |
| <li><a href="#portfolio">Portfolio</a></li> | |
| <li><a href="contact.php">Contact</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </nav> | |
| <section class="section1"> | |
| <div class="box1"> | |
| <div class="typewriter"> | |
| <h1 class="h1">Meira Tompkins</h1> | |
| </div> | |
| <p> Designer // Coder // Artist </p> | |
| <div class="box2"> | |
| <a class="download" href="Resume.pdf" download="Resume">Resume</a> | |
| <a class="glyphicon glyphicon-envelope" href="mailto:meira.tompkins@uconn.edu" role="button"></a> | |
| <a class="fab fa-linkedin-in" style="font-size:36px"href="https://www.linkedin.com/in/meira-tompkins-11a3961a1/" role="button"></i></a> | |
| </div> | |
| <div class="bounce"> | |
| <i class="fas fa-angle-down"></i> | |
| </div> | |
| </section> | |
| </section> | |
| <div class="section2"> | |
| <div class="innerBox" id="about"> | |
| <h1>Hi! I'm Meira</h1> | |
| <p>I am a multifaceted and passionate designer always improving my skills and discovering new things about myself. I love sharing my ideas and working together with others to solve complex problems.</p> | |
| </div> | |
| <img src="img/IMG_6831-2.jpg" alt="Meira"class="meira"> | |
| </div> | |
| <div class="card-group"> | |
| <div class="card"> | |
| <h5 class="card-title">CSS Animation Project</h5> | |
| <img a href="animation.html" class="card-img-top" src="img/css2.png" alt="CSS Animation"></a> | |
| <div class="card-body"> | |
| <p class="card-text">This CSS project was for my advanced web design class was about exploring parts of CSS. I chose CSS animations and animated and created a cat using CSS animations and transitions.</p> | |
| </div> | |
| </div> | |
| <div class="card"> | |
| <h5 class="card-title">Nutmeg Magazine</h5> | |
| <a><img class="card-img-top" src="img/mag2.jpg" alt="Nutmeg Magazine"></a> | |
| <div class="card-body"> | |
| <p class="card-text">This card has supporting text below as a natural lead-in to additional content.</p> | |
| </div> | |
| </div> | |
| <div class="card"> | |
| <h5 class="card-title">Farmhouse Cafe</h5> | |
| <a><img class="card-img-top" src="img/farmhouse2.png" alt="farmhouse"></a> | |
| <div class="card-body"> | |
| <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <script src="js/zenscroll-min.js"></script> | |
| <script src="js/main.js"></script> | |
| </body> | |
| </html> |