<!DOCTYPE html>
<!-- saved from url=(0056) -->
<html lang="zxx" class=" mediaqueries">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- META DATA -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- TITLE OF SITE -->
<title>Home</title>
<!-- favicon -->
<link id="favicon" rel="icon" type="image/png" href="https://karizma-preview.netlify.com/images/favicon.ico">
<!-- Google Fonts-->
<link rel="stylesheet" href="css/font.css">
<!-- Bootstrap css -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- splitlayout.css -->
<link rel="stylesheet" href="css/splitlayout.css">
<link rel="stylesheet" href="css/animations.css">
<!-- responsiveslides.css -->
<link rel="stylesheet" href="css/responsiveslides.css">
<!-- slick css -->
<link rel="stylesheet" href="css/slick.css">
<link rel="stylesheet" href="css/slick-theme.css">
<!-- magnific-popup.css -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- font-awesome.min.css -->
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/pe-icon-7-stroke.min.css">
<!-- Main style css -->
<link rel="stylesheet" href="css/style.css">
<!-- Responsive css -->
<link rel="stylesheet" href="css/responsive.css">
</head>
<body>
<!--Start Preloader-->
<div class="page-loader startLoad">
<div class="loader startLoad"></div>
</div>
<!--End Preloader-->
<div id="splitlayout" class="splitlayout reset-layout close-right">
<div class="intro">
<!--Start Home-->
<div class="home_type full-height">
<div class="side side-left container" style="background-image: url(images/home_personal.jpg);">
<div class="overlayer">
<div id="particles-js"><canvas class="particles-js-canvas-el" width="499" height="878"></canvas></div>
<div class="display-table">
<div class="display-table-cell">
<h1 class="fit__text">I AM <span id="typed"></span><span class="typed-cursor">|</span></h1>
<div id="typed-strings">
<span>JOHN DOE</span>
<span>DEVELOPER</span>
<span>FROM UK</span>
</div>
<div class="more_info">
<div class="item">
<span class="info-title">Age : </span>
<span class="info-body">27 Years</span>
</div>
<div class="item">
<span class="info-title">Date of birth : </span>
<span class="info-body">15-02-1991</span>
</div>
<div class="item">
<span class="info-title">Address : </span>
<span class="info-body">Front Street, Mexico Us</span>
</div>
<div class="item">
<span class="info-title">E-mail : </span>
<span class="info-body">email@example.com</span>
</div>
<div class="item">
<span class="info-title">Phone : </span>
<span class="info-body">+0123 123 456 789</span>
</div>
<div class="item">
<span class="info-title">Freelance : </span>
<span class="info-body">Available</span>
</div>
<a href="#">RESUME</a>
<a href="#contact" class="goToSec">HIRE ME</a>
</div>
<!--.more_info-->
</div>
<!--.display-table-cell-->
</div>
<!--.display-table-->
</div>
<!--.overlayer-->
</div>
<!--.side-->
</div>
<!--.home_type-->
<!--End Home-->
<!--Start Menu-->
<div class="mob-menu-overlay"></div>
<div class="mob-menu">
<div class="mob-menu-content">
<div class="float-left">
<p class="menu-title">Jone Doe</p>
</div>
<div class="float-right">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
</div>
</div>
<div class="side side-right">
<div class="intro-content">
<div class="profile">
<img src="images/profile.jpg" alt="profile">
</div>
<h1>
<span>John Doe</span>
</h1>
<div class="menu">
<!--Social links-->
<div class="social-icons">
<a href="#">
<i class="fa fa-facebook"></i>
</a>
<a href="#">
<i class="fa fa-twitter"></i>
</a>
<a href="#">
<i class="fa fa-linkedin"></i>
</a>
<a href="#">
<i class="fa fa-instagram"></i>
</a>
<a href="#">
<i class="fa fa-vimeo"></i>
</a>
</div>
<!--Menu Items-->
<ul class="list-unstyled menu_list" id="menu">
<li>
<a href="#home" class="active_item">home</a>
</li>
<li>
<a href="#about" class="">about me</a>
</li>
<li>
<a href="#resume" class="">my resume</a>
</li>
<li>
<a href="#services" class="">services</a>
</li>
<li>
<a href="#portfolio" class="">portfolio</a>
</li>
<li>
<a href="#blog" class="">my blog</a>
</li>
<li>
<a href="#contact" class="">contact</a>
</li>
</ul>
</div>
<!--.menu-->
</div>
<!--.intro-content-->
</div>
<!--.side-->
<!--End Menu-->
</div>
<!-- /intro -->
<div class="page page-right full-height page-right-normal-height">
<div id="pt-main" class="pt-perspective page-inner">
<!--Start About Section-->
<section class="about padding-bottom-90 pt-page" id="about">
<div class="content">
<img class="center-block" src="images/me-1.jpg" alt="">
<div class="container">
<div class="more-about-me">
<p class="margin-top-30">I'm 24 years old creative web designer based in New York, specializing in User Interface Design and Development. I build clean, appealing, and functional interfaces which comply with the latest web standards.</p>
<p class="margin-bottom-0">Lorem ipsum dolor sit amet, consectetur adipiscing 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.</p>
</div>
<!-- Skills -->
<div class="skills row margin-top-45">
<div class="col-sm-6 item">
<h3 class="subtitle">My Skills
<svg width="66px" height="8px" viewBox="0 0 66 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g class="Web" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(-147.000000, -464.000000)" opacity="0.2" stroke-linecap="round" stroke-linejoin="round">
<g class="Header" stroke="#FFFFFF" stroke-width="3">
<path d="M149,466 C152.87377,466 152.87377,470 156.747541,470 C160.621311,470 160.621311,466 164.493293,466 C168.367064,466 168.367064,470 172.240834,470 C176.112816,470 176.112816,466 179.984798,466 C183.858569,466 183.858569,470 187.730551,470 C191.607898,470 191.607898,466 195.483457,466 C199.362593,466 199.362593,470 203.241728,470 C207.120864,470 207.120864,466 211,466"></path>
</g>
</g>
</svg>
</h3>
<!-- Skill 1 -->
<div class="skill">
<h5 class="name">HTML</h5>
<div>
<span class="true"></span>
<span class="true"></span>
<span class="true"></span>
<span class="true"></span>
<span class="false"></span>
</div>
<span>expert</span>
</div>
<!-- Skill 2 -->
<div class="skill">
<h5 class="name">CSS3</h5>
<div>
<span class="true"></span>
蓝色简洁样式pc+wap工程师个人主页网页模板代码下载.zip
157 浏览量
2023-06-20
19:35:21
上传
评论
收藏 1.15MB ZIP 举报
蓝色简洁样式pc+wap工程师个人主页网页模板代码下载.zip （58个子文件） 
20891 js 
particles.min.js 23KB responsiveslides.min.js 3KB bootstrap.min.js 36KB jquery.fittext.js 1KB app.js 3KB jquery.alterclass.js 1004B jquery.magnific-popup.min.js 20KB jquery.matchHeight-min.js 3KB typed.min.js 11KB modernizr.custom.js 3KB custom.js 15KB jquery.min.js 82KB isotope.pkgd.min.js 34KB jquery-migrate-1.2.1.min.js 7KB css style.css 26KB font.css 4KB pe-icon-7-stroke.min.css 10KB responsive.css 4KB animations.css 41KB slick.css 2KB magnific-popup.css 8KB bootstrap.css 143KB font-awesome.min.css 28KB splitlayout.css 6KB slick-theme.css 3KB responsiveslides.css 490B
index.html 42KB images 
work-4.jpg 30KB home_personal.jpg 199KB me-1.jpg 356KB client_4.jpg 24KB client_2.jpg 17KB blog-4.jpg 29KB blog-1.jpg 26KB
3.png 6KB work-3.jpg 28KB blog-5.jpg 28KB blog-2.jpg 46KB 1.png 6KB client_3.jpg 17KB work-1.jpg 25KB 6.png 6KB client_1.jpg 17KB work-5.jpg 27KB 5.png 6KB profile.jpg 28KB 4.png 8KB blog-3.jpg 25KB work-2.jpg 31KB blog-6.jpg 23KB work-6.jpg 16KB 2.png 8KB fonts 6xKodSZaM9iE8KbpRA_pkHEYT8L_.woff2 19KB 6xKodSZaM9iE8KbpRA_p2HcYT8L_.woff2 19KB fontawesome-webfont.woff2 65KB Pe-icon-7-stroke.woff 57KB 6xKodSZaM9iE8KbpRA_pgHYYT8L_.woff2 19KB 6xKtdSZaM9iE8KbpRA_hK1QN.woff2 19KB资源评论
