File size: 9,240 Bytes
99cdac6 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 | <!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> |