| <!DOCTYPE html> |
| <html data-bs-theme="light" lang="en"> |
|
|
| <head> |
| <meta charset="utf-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"> |
| <title>Home - Brand</title> |
| <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css"> |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.min.css"> |
| <link rel="stylesheet" href="assets/css/styles.min.css"> |
| </head> |
|
|
| <body id="page-top"><a class="menu-toggle rounded" href="#"><i class="fa fa-bars"></i></a> |
| <nav class="navbar navbar-expand navbar-light" id="sidebar-wrapper"> |
| <div class="container"><button data-bs-toggle="collapse" class="navbar-toggler d-none" data-bs-target="#"></button> |
| <div class="collapse navbar-collapse"> |
| <ul class="navbar-nav sidebar-nav" id="sidebar-nav"> |
| <li class="nav-item sidebar-brand"><a class="nav-link active js-scroll-trigger" href="#page-top">Brand</a></li> |
| <li class="nav-item sidebar-nav-item"><a class="nav-link js-scroll-trigger" href="#page-top">Home</a></li> |
| <li class="nav-item sidebar-nav-item"><a class="nav-link js-scroll-trigger" href="#about">About</a></li> |
| <li class="nav-item sidebar-nav-item"><a class="nav-link js-scroll-trigger" href="#services">Services</a></li> |
| <li class="nav-item sidebar-nav-item"><a class="nav-link js-scroll-trigger" href="#portfolio">Portfolio</a></li> |
| <li class="nav-item sidebar-nav-item"><a class="nav-link js-scroll-trigger" href="#contact">Contact</a></li> |
| </ul> |
| </div> |
| </div> |
| </nav> |
| <header class="d-flex masthead" style="background-image:url('assets/img/bg-masthead.jpg');"> |
| <div class="container my-auto text-center"> |
| <h1 class="mb-1">My Portfolio</h1> |
| <h3 class="mb-5"><em>By - Edward D</em></h3><a class="btn btn-primary btn-xl js-scroll-trigger" role="button" href="#about">Find Out More</a> |
| <div class="overlay"></div> |
| </div> |
| </header> |
| <section id="about" class="content-section bg-light"> |
| <div class="container text-center"> |
| <div class="row"> |
| <div class="col-lg-10 mx-auto"> |
| <h2>You can get the same amazing websites that I make</h2> |
| <p class="lead mb-5"><span>I sell my services to any interested buyers. Just press the buttons below to pruchase</span><span>!</span></p><a class="btn btn-dark btn-xl js-scroll-trigger" role="button" href="#services">What We Offer</a> |
| </div> |
| </div> |
| </div> |
| </section> |
| <section id="services" class="content-section bg-primary text-white text-center"> |
| <div class="container"> |
| <div class="content-section-heading"> |
| <h3 class="text-secondary mb-0">Services</h3> |
| <h2 class="mb-5">What I Offer</h2> |
| </div> |
| <div class="row"> |
| <div class="col-md-6 col-lg-3 mb-5 mb-lg-0"><span class="mx-auto service-icon rounded-circle mb-3"><i class="icon-screen-smartphone"></i></span> |
| <h4><strong>Responsive</strong></h4> |
| <p class="mb-0 text-faded">Looks great on any screen size!</p> |
| </div> |
| <div class="col-md-6 col-lg-3 mb-5 mb-lg-0"><span class="mx-auto service-icon rounded-circle mb-3"><i class="icon-pencil"></i></span> |
| <h4><strong>Fast</strong></h4> |
| <p class="mb-0 text-faded">I strive to make websites fast to please my customers.</p> |
| </div> |
| <div class="col-md-6 col-lg-3 mb-5 mb-lg-0"><span class="mx-auto service-icon rounded-circle mb-3"><i class="icon-like"></i></span> |
| <h4><strong>Quality</strong></h4> |
| <p class="mb-0 text-faded"><span>Exceptional quality at a fast rate.</span></p> |
| </div> |
| <div class="col-md-6 col-lg-3 mb-5 mb-lg-0"><span class="mx-auto service-icon rounded-circle mb-3"><i class="icon-shield"></i></span> |
| <h4><strong>Support</strong></h4> |
| <p class="mb-0 text-faded">I offer 24/7 support to my customers.</p> |
| </div> |
| </div> |
| </div> |
| </section> |
| <section class="callout" style="background:linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%), url("assets/img/bg-callout.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;"> |
| <div class="container text-center"> |
| <h2 class="mx-auto mb-5"><span>Welcome to </span><em>your</em><span><br>next website!<br></span></h2><a class="btn btn-primary btn-xl" role="button" href="#">Buy Now!</a> |
| </div> |
| </section> |
| <section id="portfolio" class="content-section"> |
| <div class="container"> |
| <div class="content-section-heading text-center"> |
| <h3 class="text-secondary mb-0">Portfolio</h3> |
| <h2 class="mb-5">Recent Projects</h2> |
| </div> |
| <div class="row g-0"> |
| <div class="col-lg-6"><a class="portfolio-item" href="https://edwarddk.github.io/Mobile-App/"> |
| <div class="caption" style="background: url("https://i.imgur.com/RbDNWE6.png");"> |
| <div class="caption-content"> |
| <h2>Glassmoprhic calculator</h2> |
| <p class="mb-0">A smooth and cool design. This website is made with CSS and VanillaJS</p> |
| </div> |
| </div><img class="img-fluid" src="assets/img/portfolio-1.jpg"> |
| </a></div> |
| <div class="col-lg-6"><a class="portfolio-item" href="https://edwarddk.github.io/Feather-Script/"> |
| <div class="caption" style="background: url("https://i.imgur.com/isvqqNJ.png");"> |
| <div class="caption-content"> |
| <h2>Feather Script</h2> |
| <p class="mb-0">A cool, fast website for a project I was working on with my friends.</p> |
| </div> |
| </div><img class="img-fluid" src="assets/img/portfolio-2.jpg"> |
| </a></div> |
| <div class="col-lg-6"><a class="portfolio-item" href="https://google-docs.edwarddk.repl.co/"> |
| <div class="caption" style="background: url("https://i.imgur.com/fwWllE4.png");"> |
| <div class="caption-content"> |
| <h2>Website With games</h2> |
| <p class="mb-0">A fast, visually appealing website that houses many games.</p> |
| </div> |
| </div><img class="img-fluid" src="assets/img/portfolio-3.jpg"> |
| </a></div> |
| <div class="col-lg-6"><a class="portfolio-item" href="ethicalhax.ethical-hax.repl.co"> |
| <div class="caption" style="background: url("https://i.imgur.com/XSvx6kx.png");"> |
| <div class="caption-content"> |
| <h2>Website for commmunity</h2> |
| <p class="mb-0">A website for a school bypassing community I was hired to make.</p> |
| </div> |
| </div><img class="img-fluid" src="assets/img/portfolio-4.jpg"> |
| </a></div> |
| </div> |
| </div> |
| </section> |
| <section class="content-section bg-primary text-white"> |
| <div class="container text-center"> |
| <h2 class="mb-4">The buttons below are impossible to resist..</h2><a class="btn btn-light btn-xl me-4" role="button" href="#">Buy Now!</a> |
| </div> |
| </section> |
| <footer class="footer text-center"> |
| <div class="container"> |
| <ul class="list-inline mb-5"> |
| <li class="list-inline-item"> <a class="link-light social-link rounded-circle" href="#"><i class="icon-social-foursqare"></i></a></li> |
| <li class="list-inline-item"> <a class="link-light social-link rounded-circle" href="https://www.youtube.com/channel/UCShans9kMhQV-IwSMKVy0GA"><i class="icon-social-youtube"></i></a></li> |
| <li class="list-inline-item"> <a class="link-light social-link rounded-circle" href="https://github.com/EdwardDK"><i class="icon-social-github"></i></a></li> |
| </ul> |
| <p class="text-muted mb-0 small">Copyright © Edward D 2023</p> |
| </div><a class="js-scroll-trigger scroll-to-top rounded" href="#page-top"><i class="fa fa-angle-up"></i></a> |
| </footer> |
| <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> |
| <script src="assets/js/script.min.js"></script> |
| </body> |
|
|
| </html> |
