-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
100 additions
and
1 deletion.
There are no files selected for viewing
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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1 +1,100 @@ | ||
| teste | ||
| <!doctype html> | ||
| <html lang="en"> | ||
| <head> | ||
| <title>Laris Designs</title> | ||
| <link rel="icon" type="image/x-icon" href="/images/mylogo.ico"><!-- From https://www.w3schools.com/html/html_favicon.asp --> | ||
| <meta name="author" content="Larissa"> | ||
| <meta name="description" content="This is a Graphic Design and Illustration portfolio website."> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
|
|
||
| <!-- Bootstrap link must go above my overrides --> | ||
| <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous"> | ||
|
|
||
| <!-- Google Fonts --> | ||
| <link rel="preconnect" href="https://fonts.googleapis.com"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | ||
| <link href="https://fonts.googleapis.com/css2?family=Arima:wght@600;700&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:wght@500;700;900&display=swap" rel="stylesheet"> | ||
|
|
||
| <!-- My overides stylesheet --> | ||
| <link href="css/styles.css" rel="stylesheet"> | ||
|
|
||
| </head> | ||
|
|
||
| <body id="top"> | ||
|
|
||
| <header class="bg-custom"> | ||
|
|
||
| <nav class="container navbar navbar-expand-lg navbar-dark"> | ||
| <menu class="container-fluid"> | ||
| <a class="navbar-brand" href="/index.html"><img class="mylogo" src="images/mylogo.png" alt="This is an image of a logo."></a> | ||
| <button class="navbar-toggler custom-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation"> | ||
| <span class="navbar-toggler-icon"></span> | ||
| </button> | ||
| <div class="collapse navbar-collapse justify-content-end" aria-label="navigation bar" id="navbarNavAltMarkup"> | ||
| <div class="navbar-nav" aria-label="navigation bar"> | ||
| <a class="nav-link" href="/index.html">Home</a> | ||
| <a class="nav-link" href="/about.html">About Me</a> | ||
| <a class="nav-link" href="/design.html">Design</a> | ||
| <a class="nav-link" href="/illustration.html">Illustration</a> | ||
| </div> | ||
| </div> | ||
| </menu> | ||
| </nav> | ||
|
|
||
| </header> | ||
|
|
||
|
|
||
| <main class="banner"> <!-- Start banner --> | ||
| <section class="container centeralign bannermessage"> | ||
| <img src="images/himessage.png" class="himessage"> | ||
| </section> | ||
| </main> <!-- END banner --> | ||
|
|
||
| </section> <!-- END skills --> | ||
|
|
||
| <section class="work"><!-- Start work --> | ||
| <h2 class="display-5">check my work!</h1> | ||
| <div class="container wrapper" aria-label="section wrapper"> | ||
|
|
||
| <div class="imagebox" aria-label="image container"> | ||
| <a href="/design.html"> | ||
| <img src="images/Design/Independent-Study/cover.jpg" alt="This is an image of a book." class="imagefull"> | ||
| <div class="overlay" aria-label="ovelay fill container"> | ||
| </h4><h4 class="text">Graphic Design</h4> | ||
| </div> | ||
| </div></a> | ||
| <div class="imagebox" aria-label="image container"> | ||
| <a href="/illustration.html"> | ||
| <img src="images/Illustration/cover.jpg" alt="This is an illustration." class="imagefull"> | ||
| <div class="overlay" aria-label="ovelay fill container"> | ||
| <h4 class="text">Digital illustration</h4> | ||
| </div></a> | ||
| </div> | ||
| </section> <!-- END work --> | ||
|
|
||
|
|
||
| <footer><!-- START Footer --> | ||
| <div class="centeralign" aria-label="social media icons container"> | ||
| <a href="https://www.linkedin.com/in/larissacr/" target=”_blank”><img class="mysocialmedia" src="images/icons/linkedinrose.png" alt="This is a linkedin icon."></a> | ||
| <a href="https://www.instagram.com/larisdesigns/" target=”_blank”><img class="mysocialmedia" src="images/icons/instagramrose.png" alt="This is an instagram icon."></a> | ||
| <a href="https://www.behance.net/lah_c_r" target=”_blank”><img class="mysocialmedia" src="images/icons/behancerose.png" alt="This is a behance icon."></a> | ||
| </div> | ||
| <p> | ||
| By Larissa Carvalho | ||
| </p> | ||
| <div class="next" aria-label="icon container"> | ||
| <a href="#top"> | ||
| <img src="images/icons/up.png" alt="up icon"> | ||
| </a> | ||
| </div> | ||
| </footer><!-- END Footer --> | ||
|
|
||
|
|
||
| <!-- Bootstrap Javascript should go above the closing BODY tag--> | ||
| <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script> | ||
|
|
||
|
|
||
| <script src="js/main.js"></script> | ||
| </body> | ||
| </html> |