Asghar-Raza
3 years ago
parent
120204995f
commit
e329a345bf
@ -0,0 +1,595 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Kross - Creative Portfolio Template</title>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="description" content="Kross - Creative Portfolio Template">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=5.0">
|
||||
<meta name="author" content="Themefisher">
|
||||
<meta name="generator" content="Themefisher Kross Template v1.0">
|
||||
<link rel="shortcut icon" href="theme/images/favicon.png" type="images/x-icon">
|
||||
<link rel="stylesheet" href="theme/plugins/bootstrap/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="theme/plugins/slick/slick.css">
|
||||
<link rel="stylesheet" href="theme/plugins/themify-icons/themify-icons.css">
|
||||
<link rel="stylesheet" href="theme/css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<header class="navigation fixed-top">
|
||||
<nav class="navbar navbar-expand-lg bg-primary navbar-dark">
|
||||
<a class="navbar-brand font-tertiary h3" href="theme/index.html">
|
||||
<img src="theme/images/logo.png" alt="Myself">
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navigation">
|
||||
<ul class="navbar-nav ml-auto">
|
||||
<li class="nav-item active">
|
||||
<a class="nav-link" href="theme/index.html">Home</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="theme/about.html">About</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="theme/blog.html">Blog</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="theme/contact.html">Contact</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="theme/portfolio.html">Portfolio</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<section class="hero-area bg-primary" id="parallax">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-11 mx-auto">
|
||||
<h1 class="text-white font-tertiary">Hi! I'm
|
||||
<br>
|
||||
Christopher
|
||||
<br>
|
||||
UX designer
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layer-bg w-100">
|
||||
<img class="img-fluid w-100" src="theme/images/illustrations/leaf-bg.png" alt="bg-shape">
|
||||
</div>
|
||||
<div class="layer" id="l2" style="left: -278.588px; top:186.756px">
|
||||
<img src="theme/images/illustrations/dots-cyan.png" alt="bg-shape">
|
||||
</div>
|
||||
<div class="layer" id="l3" style="left: 601.409px; top:198.736px">
|
||||
<img src="theme/images/illustrations/leaf-orange.png" alt="bg-shape">
|
||||
</div>
|
||||
<div class="layer" id="l4" style="left: 780.53px; top:196.32px">
|
||||
<img src="theme/images/illustrations/dots-orange.png" alt="bg-shape">
|
||||
</div>
|
||||
<div class="layer" id="l5" style="left: 1334.78px; top:197.651px">
|
||||
<img src="theme/images/illustrations/leaf-yellow.png" alt="bg-shape">
|
||||
</div>
|
||||
<div class="layer" id="l6" style="left: 118.122px; top:902.654px">
|
||||
<img src="theme/images/illustrations/leaf-cyan.png" alt="bg-shape">
|
||||
</div>
|
||||
<div class="layer" id="l7" style="left: 284.663px; top:811.617px">
|
||||
<img src="theme/images/illustrations/dots-group-orange.png" alt="bg-shape">
|
||||
</div>
|
||||
<div class="layer" id="l8" style="left: 746.534px; top:732.64px">
|
||||
<img src="theme/images/illustrations/leaf-pink-round.png" alt="bg-shape">
|
||||
</div>
|
||||
<div class="layer" id="l9" style="left: 1384.79px; top:749.544px">
|
||||
<img src="theme/images/illustrations/leaf-cyan-2.png" alt="bg-shape">
|
||||
</div>
|
||||
<ul class="list-unstyled ml-5 mt-3 position-relative zindex-1">
|
||||
<li class="mb-3">
|
||||
<a href="https://themefisher.com/" class="text-white">
|
||||
<i class="ti-facebook">
|
||||
</i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="mb-3">
|
||||
<a href="https://themefisher.com/" class="text-white">
|
||||
<i class="ti-instagram">
|
||||
</i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="mb-3">
|
||||
<a href="https://themefisher.com/" class="text-white">
|
||||
<i class="ti-dribbble">
|
||||
</i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="mb-3">
|
||||
<a href="https://themefisher.com/" class="text-white">
|
||||
<i class="ti-twitter">
|
||||
</i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<!--about-->
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-10 mx-auto text-center">
|
||||
<p class="font-secondary paragraph-lg text-dark">
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
</p>
|
||||
<a href="theme/about.html" class="btn btn-transparent">Know More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!--Skills-->
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 text-center">
|
||||
<h2 class="section-title">Skills</h2>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
|
||||
<div class="card-shadow text-center">
|
||||
<div class="position-relative rounded-top progress-wrapper" data-color="#fdb157" style="background-color:rgb(253,177,87);">
|
||||
<div class="wave" data-progress="90%" style="bottom: 90%;">
|
||||
::after
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-footer bg-white">
|
||||
<h4 class="card-title">Web Design (90%)</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
|
||||
<div class="card-shadow text-center">
|
||||
<div class="position-relative rounded-top progress-wrapper" data-color="#9473e6" style="background-color:rgb(148,115,230);">
|
||||
<div class="wave" data-progress="60%" style="bottom: 60%;">
|
||||
::after
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-footer bg-white">
|
||||
<h4 class="card-title">Logo Design (60%)</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
|
||||
<div class="card-shadow text-center">
|
||||
<div class="position-relative rounded-top progress-wrapper" data-color="#bdecf6" style="background-color:rgb(189,236,246);">
|
||||
<div class="wave" data-progress="80%" style="bottom: 80%;">
|
||||
::after
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-footer bg-white">
|
||||
<h4 class="card-title">After Effects (80%)</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
|
||||
<div class="card-shadow text-center">
|
||||
<div class="position-relative rounded-top progress-wrapper" data-color="#ffbcaa" style="background-color:rgb(255,188,170);">
|
||||
<div class="wave" data-progress="70%" style="bottom: 70%;">
|
||||
::after
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-footer bg-white">
|
||||
<h4 class="card-title">Web App (70%)</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!--Experience-->
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row justify-content-around">
|
||||
<div class="col-lg-12 text-center">
|
||||
<h2 class="section-title">Experience</h2>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-4 text-center">
|
||||
<img src="theme/images/experience/icon-1.png" alt="icon">
|
||||
<p class="mb-0">Jan 2007 - Feb 2009</p>
|
||||
<h4>Junior UX Designer</h4>
|
||||
<h6 class="text-light">WEBEX</h6>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-4 text-center">
|
||||
<img src="theme/images/experience/icon-2.png" alt="icon">
|
||||
<p class="mb-0">Mar 2009 - Aug 2014</p>
|
||||
<h4>UX & UI Designer</h4>
|
||||
<h6 class="text-light">AUGMEDIX</h6>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-4 text-center">
|
||||
<img src="theme/images/experience/icon-3.png" alt="icon">
|
||||
<p class="mb-0">Sep 2014 - Present</p>
|
||||
<h4>Senior UI Designer</h4>
|
||||
<h6 class="text-light">THEMEFISHER</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!--Education-->
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 text-center">
|
||||
<h2 class="section-title">Education</h2>
|
||||
</div>
|
||||
<div class="col-lg-6 col-md-6 mb-80">
|
||||
<div class="d-flex">
|
||||
<div mr-lg-5 mr-3>
|
||||
<i class="ti-medall icon icon-light icon-bg bg-white shadow rounded-circle d-block">
|
||||
</i>
|
||||
</div>
|
||||
<div>
|
||||
<p class="text-dark mb-1">2006</p>
|
||||
<h4>Masters in UX Design</h4>
|
||||
<p class="mb-0 text-light">Masassuesets Intitutes of Technology</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-md-6 mb-80">
|
||||
<div class="d-flex">
|
||||
<div mr-lg-5 mr-3>
|
||||
<i class="ti-medall icon icon-light icon-bg bg-white shadow rounded-circle d-block">
|
||||
</i>
|
||||
</div>
|
||||
<div>
|
||||
<p class="text-dark mb-1">2004</p>
|
||||
<h4>Honours in Fine Arts</h4>
|
||||
<p class="mb-0 text-light">Harvard University</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-md-6 mb-80">
|
||||
<div class="d-flex">
|
||||
<div mr-lg-5 mr-3>
|
||||
<i class="ti-medall icon icon-light icon-bg bg-white shadow rounded-circle d-block">
|
||||
</i>
|
||||
</div>
|
||||
<div>
|
||||
<p class="text-dark mb-1">2000</p>
|
||||
<h4>Higher Secondary Certificate</h4>
|
||||
<p class="mb-0 text-light">Cardiff School</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-md-6 mb-80">
|
||||
<div class="d-flex">
|
||||
<div mr-lg-5 mr-3>
|
||||
<i class="ti-medall icon icon-light icon-bg bg-white shadow rounded-circle d-block">
|
||||
</i>
|
||||
</div>
|
||||
<div>
|
||||
<p class="text-dark mb-1">1998</p>
|
||||
<h4>Secondary School Certificate</h4>
|
||||
<p class="mb-0 text-light">Cardiff School</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--bg-image-->
|
||||
<img class="img-fluid edu-bg-image w-100" src="theme/images/backgrounds/education-bg.png" alt="bg-shape">
|
||||
</section>
|
||||
|
||||
<!--Service-->
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 text-center">
|
||||
<h2 class="section-title">Services</h2>
|
||||
</div>
|
||||
<div class="col-md-4 mb-4 md-mb-4">
|
||||
<div class="card hover-shadow shadow">
|
||||
<div class="card-body text-center px-4 py-5">
|
||||
<i class="ti-palette icon mb-5 d-inline-block">
|
||||
</i>
|
||||
<h4 class="mb-4">UI Design</h4>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 mb-4 md-mb-4">
|
||||
<div class="card active-bg-primary hover-shadow shadow">
|
||||
<div class="card-body text-center px-4 py-5">
|
||||
<i class="ti-vector icon mb-5 d-inline-block">
|
||||
</i>
|
||||
<h4 class="mb-4">UX Design</h4>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 mb-4 md-mb-4">
|
||||
<div class="card hover-shadow shadow">
|
||||
<div class="card-body text-center px-4 py-5">
|
||||
<i class="ti-panel icon mb-5 d-inline-block">
|
||||
</i>
|
||||
<h4 class="mb-4">Interaction Design</h4>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!--Portfolio-->
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 text-center">
|
||||
<h2 class="section-title">Portfolio</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row shuffle-wrapper shuffle" style="position: relative; overflow: hidden; height: 819.15px; transition: height 250ms cubic-bezier (0.4, 0, 0.2, 1) 0s;">
|
||||
<div class="col-lg-4 col-6 mb-4 shuffle-item shuffle-item--visible" style="position: absolute; top:0px; left:0px; visibility:visible; will-change:transform; opacity:1; transition-duration: 250ms;transition-timing-function:cubic-bezier(0.4,0,0.2,1); transition-property:transform, opacity;">
|
||||
<div class="position-relative rounded hover-wrapper">
|
||||
<img src="theme/images/portfolio/item-1.png" alt="portfolio-image" class="img-fluid w-100">
|
||||
<div class="hover-overlay">
|
||||
<div class="hover-content">
|
||||
<a href="#!" class="btn btn-light btn-sm">view project</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-6 mb-4 shuffle-item shuffle-item--visible" style="position: absolute; top:0px; left:0px; visibility:visible; will-change:transform; opacity:1; transform:translate(360px,0px) scale(1); transition-duration: 250ms;transition-timing-function:cubic-bezier(0.4,0,0.2,1); transition-property:transform, opacity;">
|
||||
<div class="position-relative rounded hover-wrapper">
|
||||
<img src="theme/images/portfolio/item-2.png" alt="portfolio-image" class="img-fluid w-100">
|
||||
<div class="hover-overlay">
|
||||
<div class="hover-content">
|
||||
<a href="#!" class="btn btn-light btn-sm">view project</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-6 mb-4 shuffle-item shuffle-item--visible" style="position: absolute; top:0px; left:0px; visibility:visible; will-change:transform; opacity:1; transform:translate(360px,273px) scale(1); transition-duration: 250ms;transition-timing-function:cubic-bezier(0.4,0,0.2,1); transition-property:transform, opacity;">
|
||||
<div class="position-relative rounded hover-wrapper">
|
||||
<img src="theme/images/portfolio/item-3.png" alt="portfolio-image" class="img-fluid w-100">
|
||||
<div class="hover-overlay">
|
||||
<div class="hover-content">
|
||||
<a href="#!" class="btn btn-light btn-sm">view project</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-6 mb-4 shuffle-item shuffle-item--visible" style="position: absolute; top:0px; left:0px; visibility:visible; will-change:transform; opacity:1; transform:translate(0px,543px) scale(1); transition-duration: 250ms;transition-timing-function:cubic-bezier(0.4,0,0.2,1); transition-property:transform, opacity;">
|
||||
<div class="position-relative rounded hover-wrapper">
|
||||
<img src="theme/images/portfolio/item-4.png" alt="portfolio-image" class="img-fluid w-100">
|
||||
<div class="hover-overlay">
|
||||
<div class="hover-content">
|
||||
<a href="#!" class="btn btn-light btn-sm">view project</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-6 mb-4 shuffle-item shuffle-item--visible" style="position: absolute; top:0px; left:0px; visibility:visible; will-change:transform; opacity:1; transform:translate(360px,546px) scale(1); transition-duration: 250ms;transition-timing-function:cubic-bezier(0.4,0,0.2,1); transition-property:transform, opacity;">
|
||||
<div class="position-relative rounded hover-wrapper">
|
||||
<img src="theme/images/portfolio/item-5.png" alt="portfolio-image" class="img-fluid w-100">
|
||||
<div class="hover-overlay">
|
||||
<div class="hover-content">
|
||||
<a href="#!" class="btn btn-light btn-sm">view project</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!--Testimonial-->
|
||||
<section class="section bg-primary position-relative testimonial-bg-shapes">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 text-center">
|
||||
<h2 class="section-title text-white mb-5">Testimonials</h2>
|
||||
</div>
|
||||
<div class="col-lg-10 mx-auto testimonial-slider">
|
||||
<!-- slider-item -->
|
||||
<div class="text-center testimonial-content">
|
||||
<i class="ti-quote-right text-white icon mb-4 d-inline-block"></i>
|
||||
<p class="text-white mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
|
||||
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, <strong>quis nostrud exercitation
|
||||
ullamco laboris nisi ut aliquip ex ea commodo consequat.</strong> Duis aute irure dolor in reprehenderit
|
||||
in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
|
||||
<img class="img-fluid rounded-circle mb-4 d-inline-block" src="source/images/testimonial/client-1.png"
|
||||
alt="client-image">
|
||||
<h4 class="text-white">Jesica Gomez</h4>
|
||||
<h6 class="text-light mb-4">CEO, Funder</h6>
|
||||
</div>
|
||||
<!-- slider-item -->
|
||||
<div class="text-center testimonial-content">
|
||||
<i class="ti-quote-right text-white icon mb-4 d-inline-block"></i>
|
||||
<p class="text-white mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
|
||||
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, <strong>quis nostrud exercitation
|
||||
ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat.</strong> Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit
|
||||
esse cillum dolore eu fugiat nulla pariatur.</p>
|
||||
<img class="img-fluid rounded-circle mb-4 d-inline-block" src="source/images/testimonial/client-1.png"
|
||||
alt="client-image">
|
||||
<h4 class="text-white">Jesica Gomez</h4>
|
||||
<h6 class="text-light mb-4">CEO, Funder</h6>
|
||||
</div>
|
||||
<!-- slider-item -->
|
||||
<div class="text-center testimonial-content">
|
||||
<i class="ti-quote-right text-white icon mb-4 d-inline-block"></i>
|
||||
<p class="text-white mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
|
||||
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, <strong>quis nostrud exercitation
|
||||
ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat.</strong> Duis aute irure dolor in reprehenderit in
|
||||
voluptate velit
|
||||
esse cillum dolore eu fugiat nulla pariatur.</p>
|
||||
<img class="img-fluid rounded-circle mb-4 d-inline-block" src="source/images/testimonial/client-1.png"
|
||||
alt="client-image">
|
||||
<h4 class="text-white">Jesica Gomez</h4>
|
||||
<h6 class="text-light mb-4">CEO, Funder</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<img src="theme/images/backgrounds/map.png" alt="map" class="img-fluid bg-map">
|
||||
<img src="theme/images/illustrations/dots-group-v.png" alt="bg-shape" class="img-fluid bg-shape-1">
|
||||
<img src="theme/images/illustrations/leaf-orange.png" alt="bg-shape" class="img-fluid bg-shape-2">
|
||||
<img src="theme/images/illustrations/dots-group-sm.png" alt="bg-shape" class="img-fluid bg-shape-3">
|
||||
<img src="theme/images/illustrations/leaf-pink-round.png" alt="bg-shape" class="img-fluid bg-shape-4">
|
||||
<img src="theme/images/illustrations/leaf-cyan.png" alt="bg-shape" class="img-fluid bg-shape-5">
|
||||
</section>
|
||||
|
||||
<!--client logo slider-->
|
||||
<section class="section pb-0">
|
||||
<div class="container">
|
||||
<div class="client-logo-slider d-flex align-items-center">
|
||||
<a href="contact.html" class="text-center d-block outline-0 p-4"><img class="d-unset img-fluid"
|
||||
src="theme/images/clients-logo/client-logo-1.png" alt="client-logo"></a>
|
||||
<a href="contact.html" class="text-center d-block outline-0 p-4"><img class="d-unset img-fluid"
|
||||
src="theme/images/clients-logo/client-logo-2.png" alt="client-logo"></a>
|
||||
<a href="contact.html" class="text-center d-block outline-0 p-4"><img class="d-unset img-fluid"
|
||||
src="theme/images/clients-logo/client-logo-3.png" alt="client-logo"></a>
|
||||
<a href="contact.html" class="text-center d-block outline-0 p-4"><img class="d-unset img-fluid"
|
||||
src="theme/images/clients-logo/client-logo-4.png" alt="client-logo"></a>
|
||||
<a href="contact.html" class="text-center d-block outline-0 p-4"><img class="d-unset img-fluid"
|
||||
src="theme/images/clients-logo/client-logo-5.png" alt="client-logo"></a>
|
||||
<a href="contact.html" class="text-center d-block outline-0 p-4"><img class="d-unset img-fluid"
|
||||
src="theme/images/clients-logo/client-logo-1.png" alt="client-logo"></a>
|
||||
<a href="contact.html" class="text-center d-block outline-0 p-4"><img class="d-unset img-fluid"
|
||||
src="theme/images/clients-logo/client-logo-2.png" alt="client-logo"></a>
|
||||
<a href="contact.html" class="text-center d-block outline-0 p-4"><img class="d-unset img-fluid"
|
||||
src="theme/images/clients-logo/client-logo-3.png" alt="client-logo"></a>
|
||||
<a href="contact.html" class="text-center d-block outline-0 p-4"><img class="d-unset img-fluid"
|
||||
src="theme/images/clients-logo/client-logo-4.png" alt="client-logo"></a>
|
||||
<a href="contact.html" class="text-center d-block outline-0 p-4"><img class="d-unset img-fluid"
|
||||
src="theme/images/clients-logo/client-logo-5.png" alt="client-logo"></a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!--Blog-->
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 text-center">
|
||||
<h2 class="section-title">Blogs</h2>
|
||||
</div>
|
||||
<div class="col-lg-4 col-sm-6 mb-4 mb-lg-0">
|
||||
<article class="card shadow">
|
||||
<img src="theme/images/blog/post-3.jpg" alt="post-thumb" class="rounded card-img-top">
|
||||
<div class="card-body">
|
||||
<h4 class="card-title">
|
||||
<a href="theme/blog-single.html" class="text-dark">Amazon increase income 1.5 Million</a>
|
||||
</h4>
|
||||
<p class="cars-text">
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</p>
|
||||
<a class="btn btn-xs btn-primary" href="theme/blog-single.html">Read More</a>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
<div class="col-lg-4 col-sm-6 mb-4 mb-lg-0">
|
||||
<article class="card shadow">
|
||||
<img src="theme/images/blog/post-4.jpg" alt="post-thumb" class="rounded card-img-top">
|
||||
<div class="card-body">
|
||||
<h4 class="card-title">
|
||||
<a href="theme/blog-single.html" class="text-dark">Amazon increase income 1.5 Million</a>
|
||||
</h4>
|
||||
<p class="cars-text">
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</p>
|
||||
<a class="btn btn-xs btn-primary" href="theme/blog-single.html">Read More</a>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
<div class="col-lg-4 col-sm-6 mb-4 mb-lg-0">
|
||||
<article class="card shadow">
|
||||
<img src="theme/images/blog/post-2.jpg" alt="post-thumb" class="rounded card-img-top">
|
||||
<div class="card-body">
|
||||
<h4 class="card-title">
|
||||
<a href="theme/blog-single.html" class="text-dark">Amazon increase income 1.5 Million</a>
|
||||
</h4>
|
||||
<p class="cars-text">
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</p>
|
||||
<a class="btn btn-xs btn-primary" href="theme/blog-single.html">Read More</a>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!--Contact-->
|
||||
<section class="section section-on-footer" data-background="theme/images/backgrounds/bg-dots.png" style="background-image: url(theme/images/backgrounds/bg-dots.png);">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 text-center">
|
||||
<h2 class="section-title">Contact Info</h2>
|
||||
</div>
|
||||
<div class="col-lg-8 mx-auto">
|
||||
<div class="bg-white rounded text-center p-5 shadow down">
|
||||
<h4 class="mb-80 ">Contact Form</h4>
|
||||
<form action="theme/contact.html" class="row">
|
||||
<div class="col-md-6">
|
||||
<input type="text" id="name" name="name" class="form-control px-0 mb-4" placeholder="Full Name" required>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<input type="email" name="email" id="email" class="form-control px-0 mb-4" placeholder="Email Address" required>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<textarea name="message" id="message" class="form-control px-0 mb-4" placeholder="Type Message Here" required></textarea>
|
||||
</div>
|
||||
<div class="col-lg-6 col-10 mx-auto">
|
||||
<button type="submit" class="btn btn-primary w-100">Send</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!--Footer-->
|
||||
<footer class="bg-dark footer-section">
|
||||
<div class="section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<h5 class="text-light">Email</h5>
|
||||
<p class="text-white paragraph-lg font-secondary">steve.fruits@gmail.com</p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<h5 class="text-light">Phone</h5>
|
||||
<p class="text-white paragraph-lg font-secondary">+880 2544 658 256</p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<h5 class="text-light"><Address></Address></h5>
|
||||
<p class="text-white paragraph-lg font-secondary">125/A, CA Commercial Area, California, USA</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="border-top text-center border-dark py-5">
|
||||
<p class="mb-0 text-light">Copyright ©
|
||||
<script>
|
||||
var CurrentYear = new Date().getFullYear()
|
||||
document.write(CurrentYear)
|
||||
</script>
|
||||
2022 Designed and Developed by
|
||||
<a href="https://demo.themefisher.com/kross/Themefisher" class="text-white-50">Themefisher</a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!--jQuery-->
|
||||
<script src="theme/plugins/jQuery/jquery.min.js"></script>
|
||||
<script src="theme/plugins/bootstrap/bootstrap.min.js"></script>
|
||||
<script src="theme/plugins/slick/slick.min.js"></script>
|
||||
<script src="theme/plugins/shuffle/shuffle.min.js"></script>
|
||||
<script src="theme/js/script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in new issue