<!DOCTYPE html>
<html class="no-js">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<title>Elmiz - Personal Portfolio Template </title>
<meta name="description" content="">
<!-- Mobile Specific Meta -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href='http://fonts.googleapis.com/css?Nunito:400,700&display=swap' rel='stylesheet'>
<!--favicon icon-->
<link rel="icon" sizes="16x16" href="img/favicon.png">
<!-- Syntax Highlighter -->
<link rel="stylesheet" type="text/css" href="syntax-highlighter/styles/shCore.css" media="all">
<link rel="stylesheet" type="text/css" href="syntax-highlighter/styles/shThemeDefault.css" media="all">
<!-- Normalize/Reset CSS-->
<link rel="stylesheet" href="css/normalize.min.css">
<!-- Main CSS-->
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<aside class="left-sidebar">
<div class="logo">
<a href="#welcome">
<h3>Elmiz</h3>
</a>
</div>
<nav class="left-nav">
<ul id="nav">
<li class="current">
<a href="#welcome">Welcome</a>
</li>
<li>
<a href="#installation">Installation</a>
</li>
<li>
<a href="#tmpl-structure">Structure</a>
</li>
<li>
<a href="#css-structure">CSS Files</a>
</li>
<li>
<a href="#javascript">JavaScript Libraries</a>
</li>
<li>
<a href="#main-js">Main Js Structure</a>
</li>
<li>
<a href="#customization">Customization</a>
</li>
<li>
<a href="#credit">Source and Credit</a>
</li>
</ul>
</nav>
</aside>
<div id="main-wrapper">
<div class="main-content">
<section id="welcome">
<div class="content-header">
<h1>Elmiz - Personal Portfolio Template </h1>
</div>
<div class="welcome">
<ul class="ml-20">
<li>
<b>Template Name:</b> Elmiz - Personal Portfolio Template </li>
<li>
<b>Version:</b> 1.0.0</li>
<li>
<b>Last Updated On:</b> 16 September 2020</li>
<li>
<b>Author:</b>
<a href="https://themeforest.net/user/assiagroupe">AssiaGroupe</a>
</li>
</ul>
<p>Thank you so much for choosing this template. Your comments and ratings would be highly appreciated.
You have purchased this template so, you will get full support from us. We will update this template
time to time and we want to hear from you for the future updates or for complete new templates. If
you have any questions that are beyond the scope of this document, feel free to email via my user
page contact form
<code><a
href="https://themeforest.net/user/assiagroupe">here</a></code>
</p>
</div>
<div class="features">
<h2 class="twenty">Template Features</h2>
<ul>
<li>HTML5 & CSS3</li>
<li>Bootstrap v4</li>
<li>Font-awesome</li>
<li>jQuery</li>
<li>Responsive Design</li>
<li>Pixel Perfect Design</li>
<li>Clean Code & Unique Design</li>
<li>Easy to Customize</li>
<li>Blog Details Page</li>
<li>Made with SASS</li>
<li>W3C Validate Code</li>
</ul>
</div>
</section>
<section id="installation">
<h2 class="title">Installing Template.</h2>
<div class="section-content">
<ol class="ml-20">
<li>After unzip the download pack, you'll found a Template Folder with all the files.</li>
<li>You can view this Template in any browser, you can display or edit the Template without an internet
connection.(May not work fonts).
</li>
<li>Now go to your cpanel or open your FTP Client (like
<a target="_blank" href="https://filezilla-project.org/download.php"
rel="nofollow">Filezilla</a>) and upload the content of the Template on your server's root directory.
</li>
<li>Once the files are done uploading go to www.yourdomainname.com/index.html</li>
</ol>
</div>
</section>
<section id="tmpl-structure">
<h2 class="title">Template Structure</h2>
<p class="fifteen">All information within the main content area is nested within a body tag. The general template structure
is pretty the same throughout the template. Here is the general structure of main page (index.html).</p>
<pre class="brush: html">
<!--Menu-->
<div class="main-menu fixed-top">
<nav class="nav-menu" role="navigation">
<ul class="menu">
<li>
<a href="index-1.html" class="active">Home</a>
</li>
<li>
<a href="about.html">About</a>
</li>
<li>
<a href="resume.html">Resume</a>
</li>
<li>
<a href="works.html">Works</a>
</li>
<li>
<a href="blog.html">Blog</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
</nav>
<!--hamburger-menu-->
<a class="hamburger-menu js-toggle-menu wow fadeInDown" href="#" data-wow-duration="1.5s" data-wow-delay="0.4s">
<div class="g-lines">
<span class="line"></span>
<span class="line"></span>
<span class="line"></span>
</div>
</a>
</div>
<div class="main-logo text-center">
<div class="container">
<div class="col-lg-6">
<a class="logo wow fadeInDown" data-wow-duration="1.5s" data-wow-delay="0.4s" href="index-1.html">E</a>
</div>
</div>
</div>
<!--Home-->
<section class="home home-1 d-flex align-items-center" style="background-image: url(assets/img/bg/1.jpg)">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="home-banner">
<h6 class="wow fadeInUp" data-wow-duration="1.5s" data-wow-delay="0.8s"> Hey , There!</h6>
<h1 class="cd-headline clip wow fadeInUp" data-wow-duration="1.5s" data-wow-delay="1s">I Am
<span class="cd-words-wrapper base-color">
<b class="is-visible"> Elizabeth Elmiz. </b>
<b>UX Designer.</b>
<b>Photographer.</b>
</span>
</h1>
<p class="max-width-400 wow fadeInUp" data-wow-duration="1.5s" data-wow-delay="1.2s">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.
</p>
<ul class="social-icons list-inline wow fadeInUp" data-wow-duration="1.5s" data-wow-delay="1.4s">
<li>
<a href="#">
<i class="fab fa-facebook"></i>
</a>
</li>
<li>
<a href="#">
<i class="fab fa-twitter"></i>
</a>
</li>
<li>
<a href="#">
<i class="fab fa-instagram"></i>
</a>
</li>
<li>
<a href="#">
<i class="fab fa-behance"></i>
</a>
</li>
<li>
<a href="#">
<i class="fab fa-dribbble"></i>
</a>
</li>
</ul>
<a href="about.html" class="btn-custom wow fadeInUp" data-wow-duration="1.5s" data-wow-delay="1.6s">More about me</a>
</div>
</div>
</div>
</div>
<div class="copyright">
<div class="container">
<div class="row">
<div class="col-lg-6 text-center">
<span class="wow fadeInUp" data-wow-duration="1.5s" data-wow-delay="1.8s">© 2020 Elizabeth — All Rights Reserved.</span>
</div>
</div>
</div>
</div>
</section>
<!--loading -->
<div class="loading">
<div class="circle"></div>
</div>
</pre>
</section>
<section id="css-structure">
<h2 class="title">CSS Files and Structure</h2>
<p class="fifteen">These are the css files that are loaded into templates in
<strong>Head Section</strong>.
</p>
<pre class="brush: html">
<!-- CSS Plugins -->
<link rel="stylesheet" href="assets/css/all.css">
<link rel="stylesheet" href="assets/css/elegant-font-icons.css">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<link rel="stylesheet" href="assets/css/owl.carousel.css">
<link rel="stylesheet" href="assets/css/jquery.animatedheadline.css">
<link rel="stylesheet" href="assets/css/animate.css">
<!-- Font Google -->
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Muli:300,400,500,600,700,800,900&display=swap" rel="stylesheet">
<!-- main style -->
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/colors/color-1.css">
<link rel="stylesheet" href="assets/css/custom.css">
</pre>
<h2 class="title">Google Web Fonts</h2>
<p>By default, the template loads these fonts from Google Web Font Services, you can change the fonts with the
one that suits you best.</p>
<pre class="brush:html">
<!-- Font Google -->
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Muli:300,400,500,600,700,800,900&display=swap" rel="stylesheet">
</pre>
<p class="twenty">Remember to change the fonts into
<strong>style.css</strong>
</p>
</section>
<section id="javascript">
<h2 class="title">Javascript Files and Structure</h2>
<p class="fifteen">These are the list of Javascript files that are loaded into templates in end of the
<strong>Body Section</strong>.
<pre class="brush: html">
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="assets/js/jquery-3.5.0.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<!-- JS Plugins -->
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/jquery.mixitup.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/ajax-contact.js"></script>
<script src="assets/js/jquery.animatedheadline.min.js"></script>
<script src="assets/js/main.js"></script>
</pre>
</section>
<section id="main-js">
<h2 class="title"> Main.js File Structure </h2>
<p>This is a js file to activate different functionality of this template</p>
<pre class="brush:php">
/* -----------------------------------
Preloader
----------------------------------- */
/* -----------------------------------
Menu
----------------------------------- */
/* -----------------------------------
magnificPopup
-----------------------------------*/
/*-----------------------------------
Progress bar
----------------------------------- */
/* -----------------------------------
mixItUp
-----------------------------------*/
/* -----------------------------------
Testimonials
-----------------------------------*/
/* -----------------------------------
Wow
-----------------------------------*/
</pre>
</section>
<section id="customization">
<h2 class="title"> Template Customization </h2>
<p>You can customize this template with your own content. Here are some basic changes you need.</p>
<h3 class="title"> Menu Items Customize </h3>
<p>You need to change the menu items text in the code to change the menu. Change the text home, about, portfolio,
blog, contact (if you want)</p>
<pre class="brush: html">
<!--Menu-->
<div class="main-menu fixed-top">
<nav class="nav-menu" role="navigation">
<ul class="menu">
<li>
<a href="index-1.html" class="active">Home</a>
</li>
<li>
<a href="about.html">About</a>
</li>
<li>
<a href="resume.html">Resume</a>
</li>
<li>
<a href="works.html">Works</a>
</li>
<li>
<a href="blog.html">Blog</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
</nav>
<!--hamburger-menu-->
<a class="hamburger-menu js-toggle-menu wow fadeInDown" href="#" data-wow-duration="1.5s" data-wow-delay="0.4s">
<div class="g-lines">
<span class="line"></span>
<span class="line"></span>
<span class="line"></span>
</div>
</a>
</div>
</pre>
<h3 class="title"> Contact Form </h3>
<p>the only thing you need to do is to setup your email address. To configure your email just go to php folder
and open mail.php , then replace demo@domain.com with your email address</p>
<pre class="brush: html">
if ($_SERVER["REQUEST_METHOD"] == "POST")
{ # FIX: Replace this email with recipient email
$mail_to = "demo@domain.com";
</pre>
<p>Please find demo@domain.com and replace demo email with your email.</p>
</section>
<section id="credit">
<h2 class="title">Source and Credit</h2>
<div class="script-source">
<ul class="ml-20">
<li>
<a target="_blank" href="http://jquery.com/">jQuery</a>
</li>
<li>
<a target="_blank" href="http://getbootstrap.com">Bootstrap 4</a>
</li>
<li>
<a target="_blank" href="http://fontawesome.io/">FontAwesome</a>
</li>
<li>
<a target="_blank" href="http://dimsemenov.com/plugins/magnific-popup/">Magnific Pop Up</a>
</li>
<li>
<a target="_blank" href="https://unsplash.com/">Unsplash</a>
</li>
<li>
<a target="_blank" href="https://www.pexels.com/">Pexels</a>
</li>
</ul>
</div>
<div class="note">
<h3>
<b>Note:</b>
</h3>
<ul class="ml-20">
<li>While images are not included in the download package .
</li>
<li>This Template is not WordPress Theme, and can’t be installed in WordPress.</li>
</ul>
</div>
</section>
</div>
</div>
<!-- Essential JavaScript Libraries
==============================================-->
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/jquery.nav.js"></script>
<script type="text/javascript" src="syntax-highlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="syntax-highlighter/scripts/shBrushXml.js"></script>
<script type="text/javascript" src="syntax-highlighter/scripts/shBrushCss.js"></script>
<script type="text/javascript" src="syntax-highlighter/scripts/shBrushJScript.js"></script>
<script type="text/javascript" src="syntax-highlighter/scripts/shBrushPhp.js"></script>
<script type="text/javascript">
SyntaxHighlighter.all()
</script>
<script type="text/javascript" src="js/custom.js"></script>
</body>
</html>