Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>Clare Designs | A Portfolio</title>
- <!-- Bootstrap -->
- <link href="css/bootstrap-4.4.1.css" rel="stylesheet">
- <link rel="stylesheet" href="https://use.typekit.net/uvg4cec.css">
- </head>
- <body>
- <div class="container align-content-center"><img src="images/banner7.png" alt="" width="100%" lass="img-fluid"/></div>
- <div class="container-fluid">
- <div class="container">
- <!-- 0. Removed to make it possible to align the toggler to the right <nav class="navbar navbar-expand-sm bg-custom navbar-custom"> -->
- <nav class="navbar navbar-expand-lg custom-toggler" style="background-color: rgb(10, 10, 10);" >
- <!-- 1. Navbar brand tag will align the toggler to the right-->
- <a class="navbar-brand" href="#"></a>
- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent1" aria-controls="navbarSupportedContent1" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
- <div class="collapse navbar-collapse" id="navbarSupportedContent1">
- <ul class="nav justify-content-center">
- <!-- 2. Disabled active color for 'Home' menu link | before: nav-item active after: nav-item -->
- <li class="nav-item"> <a class="nav-link" href="#">Home<span class="sr-only">(current)</span></a> </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Posters</a>
- <div class="dropdown-menu" aria-labelledby="navbarDropdown1">
- <a class="dropdown-item" href="#">Case Study Posters</a> <a class="dropdown-item" href="#">QI Posters</a>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown2" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Booklets & Brochures</a>
- <div class="dropdown-menu" aria-labelledby="navbarDropdown1">
- <a class="dropdown-item" href="#">Booklets</a> <a class="dropdown-item" href="#">Brochures</a>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown3" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Logos & Illustrative</a>
- <div class="dropdown-menu" aria-labelledby="navbarDropdown1">
- <a class="dropdown-item" href="#">Logos</a> <a class="dropdown-item" href="#">Illustrative</a>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown4" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Motion</a>
- <div class="dropdown-menu" aria-labelledby="navbarDropdown1">
- <a class="dropdown-item" href="#">Motion Graphics 1</a> <a class="dropdown-item" href="#">Motion Graphics 2</a><a class="dropdown-item" href="#">Motion Graphics 3</a>
- </li>
- <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown5" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Social Media</a>
- <div class="dropdown-menu" aria-labelledby="navbarDropdown1"> <a class="dropdown-item" href="#">Before & After Ads</a> <a class="dropdown-item" href="#">FaceBook & Instagram</a><a class="dropdown-item" href="#">FaceBook Event Headers</a><a class="dropdown-item" href="#">YouTube Thumbnails</a>
- </li>
- <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown6" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Other </a>
- <div class="dropdown-menu" aria-labelledby="navbarDropdown1"> <a class="dropdown-item" href="#">Presentations</a> <a class="dropdown-item" href="#">Interface Designs</a><a class="dropdown-item" href="#">WebSites</a><a class="dropdown-item" href="#">T-Shirts</a>
- </li>
- <li class="nav-item"> </li>
- </ul>
- </div>
- </nav>
- </div>
- </div>
- <div class="container">
- <p> </p>
- <h1>Home</h1>
- <br>
- </p>
- <p class="p"><br>
- <br>
- <h1>Heading Style</h1>
- <h2>Subhead 2</h2>
- <h3>Subhead 3</h3>
- <h4>Subhead 4</h4>
- <h5>Subhead 5</h5>
- <p>Paragragh Style - Customize whatever you want on this page and then you can download a custom build with your own font sizes and anything else you want to change. Altering the CSS file directly (or simply adding new CSS styles that override the Bootstrap CSS) is not recommended because other Bootstrap styles' values are derived from the base font size. For example:</p>
- edited
- <p class="p"> </p>
- </div>
- <div class="container justify-content-center"><img src="images/liondog.png" alt="Lion and Dog Mash Up Photo" width="792" height="792" class="img-ffluid mx-auto d-block"/>
- </a>
- </div>
- <!-- body code goes here -->
- <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
- <script src="js/jquery-3.4.1.min.js"></script>
- <!-- Include all compiled plugins (below), or include individual files as needed -->
- <script src="js/popper.min.js"></script>
- <script src="js/bootstrap-4.4.1.js"></script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
