File size: 3.23Kb
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/prism.css">
<title>Richard - Personal Onepage HTML Template</title>
</head>
<body data-spy="scroll" data-target="#navbar-example">
<header class="header" style="background:#f2f2f2;">
<div class="container">
<h2 class="text-dark">Denzel - Personal Onepage<br> HTML Template</h2>
<p>Design to attract, convert and<br>
delight your customers</p>
</div>
</header>
<div class="container-fluid">
<div class="row">
<nav id="navbar-example" class="col-12 col-md-3 col-xl-2 sidebar py-5">
<ul class="nav d-block">
<li><a href="#project">Project Structure</a>
</li>
<li><a href="#navigation">Navigation</a>
</li>
<li><a href="#sendform">Send Form</a>
</li>
</li>
</ul>
</nav>
<div class="col-12 col-md-9 col-xl-8 py-5 pl-md-5 content">
<div id="project">
<h2 class="mb-5">Project Structure</h2>
<p>The structure of the Denzel HTML template:</p>
<ul>
<li><b>js</b> - all common scripts used on the pages</li>
<li><b>css</b> - all common css used on the pages</li>
<li><b>img</b> - images, icons and backgrounds for the project</li>
<li><b>img</b> - photo images for the project</li>
</ul>
<h5 class="my-4">Head</h5>
<img alt="" src="img/1.png">
</div>
<div id="navigation">
<h3 class="my-5">Navigation</h3>
<p>How to change navigation?:</p>
1. Edit anchor in navbar nav<br><br> <img alt="" src="img/2.png"><br><br>
2. Edit anchor in scrollbar<br><br> <img alt="" src="img/3.png"><br><br>
1. Edit anchor in interface.js<br><br> <img alt="" src="img/4.png">
</div>
<section id="sendform" class="mt-5">
<div class="page-header"><h3>Send form</h3><hr class="notop"></div>
<p>
Open <strong>mail.php</strong> and change the current email </p>
<p><img src="img/mail.png">
<div class="alert alert-info">
Contact form require web server to send email.</div>
</section>
</div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="js/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src="js/prism.js"></script>
<script src="js/script.js"></script>
</body>
</html>