<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>IT Worker | responsive portfolio template</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="all,follow">
<!-- Google fonts-->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,700,100%7CRoboto:400,700,300,100">
<!-- Swiper.js-->
<link rel="stylesheet" href="vendor/swiper/swiper-bundle.min.css">
<!-- Universal Parallax-->
<link rel="stylesheet" href="vendor/universal-parallax/universal-parallax.css">
<!-- Animate.css-->
<link rel="stylesheet" href="vendor/animate.css/source/animate.css">
<!-- Theme stylesheet-->
<link rel="stylesheet" href="css/style.default.css" id="theme-stylesheet">
<!-- Custom stylesheet - for your changes-->
<link rel="stylesheet" href="css/custom.css">
<!-- Favicon-->
<link rel="shortcut icon" href="favicon.png">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light py-4 py-lg-0 fixed-top bg-white border-bottom">
<div class="container"><a class="navbar-brand font-serif text-uppercase h6 text-primary fw-bold mb-0" href="#intro">It Worker</a>
<button class="navbar-toggler border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="nav navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link text-uppercase" href="#intro">Intro</a></li>
<li class="nav-item"><a class="nav-link text-uppercase" href="#about">About</a></li>
<li class="nav-item"><a class="nav-link text-uppercase" href="#services">Services</a></li>
<li class="nav-item"><a class="nav-link text-uppercase" href="#testimonials">Testimonials</a></li>
<li class="nav-item"><a class="nav-link text-uppercase" href="#work">My Work</a></li>
<li class="nav-item"><a class="nav-link text-uppercase" href="#customers">Clients</a></li>
<li class="nav-item"><a class="nav-link text-uppercase" href="#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
<!-- INTRO SECTION-->
<section class="intro bg-cover bg-center d-flex align-items-center dark-overlay" id="intro" style="background-image: url(img/home.jpg)">
<div class="overlay-content text-white w-100">
<div class="container text-center">
<div class="row">
<div class="col-lg-11 mx-auto">
<div class="pb-5 mb-lg-5 wow fadeInDown"><img src="img/logo-big.png" alt="..." width="130"></div>
<h1 class="intro-heading mb-5 wow fadeInDown" data-wow-delay="0.3s">Hello, hola, नमस्ते !</h1>
<p class="h3 intro-text fw-normal wow fadeInUp" data-wow-delay="0.6s">I grind HTML and CSS and then weld them with PHP into beautiful and efficient websites.</p>
</div>
</div>
</div>
</div>
</section>
<!-- /- END INTRO SECTION-->
<!-- ABOUT SECTION -->
<section id="about">
<div class="container">
<header class="mb-5 text-center">
<h2 class="heading">About me</h2>
</header>
<div class="row gy-4">
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.3s">
<p> An sincerity so extremity he additions. Her yet <strong>there truth merit</strong>. Mrs all projecting favourable now unpleasing. Son law garden chatty temper. Oh children provided to mr elegance marriage strongly. Off can admiration prosperous now devonshire diminution law.</p>
<p> Received overcame oh sensible so at an. Formed do change merely to county it. <strong>Am separate contempt</strong> domestic to to oh. On relation my so addition branched. Put hearing cottage she norland letters equally prepare too. Replied exposed savings he no viewing as up. Soon body add him hill. No father living really people estate if. Mistake do produce beloved demesne if am pursuit.</p>
<p> An sincerity so extremity he additions. Her yet <strong>there truth merit</strong>. Mrs all projecting favourable now unpleasing. Son law garden chatty temper. Oh children provided to mr elegance marriage strongly. Off can admiration prosperous now devonshire diminution law.</p>
</div>
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.6s">
<div class="mb-3">
<p class="text-muted fw-light mb-0">PHP</p>
<div class="progress" style="height: 30px">
<div class="progress-bar opacity-6" role="progressbar" style="width: 60%" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="mb-3">
<p class="text-muted fw-light mb-0">Javascript</p>
<div class="progress" style="height: 30px">
<div class="progress-bar opacity-7" role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="mb-3">
<p class="text-muted fw-light mb-0">HTML Coding</p>
<div class="progress" style="height: 30px">
<div class="progress-bar opacity-8" role="progressbar" style="width: 80%" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="mb-3">
<p class="text-muted fw-light mb-0">SEO</p>
<div class="progress" style="height: 30px">
<div class="progress-bar opacity-9" role="progressbar" style="width: 90%" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="mb-3">
<p class="text-muted fw-light mb-0">SEM</p>
<div class="progress" style="height: 30px">
<div class="progress-bar opacity-10" role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
<div class="col-lg-4 col-lg-6 mx-auto text-center wow fadeInUp" data-wow-delay="0.9s"><img class="rounded-circle img-fluid" src="img/about.jpg" alt="This is me - IT worker"></div>
</div>
</div>
</section>
<!-- /- END ABOUT SECTION -->
<!-- SERVICES SECTION -->
<section class="bg-primary text-white" id="services">
<div class="container text-center">
<header class="mb-5 wow fadeInDown">
<h2 class="heading heading-white">Services</h2>
</header>
<div class="row gy-3">
<div class="col-lg-4 wow fadeInUp" data-wow-delay="0s"><i class="fa-4x fa-fw icon-shadow-primary mb-3 fas fa-search"></i>
<h3 class="fw-normal mb-3">Consulting</h3>
<p class="text-start small">On on produce colonel pointed. Just four sold need over how any. In to september suspicion determine he prevailed admitting. On adapted an as affixed limited on. Giving cousin warmly things no spring mr be abroad. Relation breeding be as repeated strictly followed margaret. One gravity son brought shyness waiting regular led ham.</p>
</div>
<div class="col-lg-4 wow fadeInUp" data-wow-delay="0.2s"><i class="fa-4x fa-fw icon-shadow-primary mb-3 fab fa-html5"></i>
<h3 class="fw-normal mb-3">HTML coding</h3>
<p class="text-start small">Manor we shall merit by chief wound no or would. Oh towards between subject passage sending mention or it. Sight happy do burst fruit to woody begin at. Assurance perpetual he
IT程序员技术业务展示网站模板-响应式适配移动端.zip
版权申诉
68 浏览量
2024-03-23
09:34:04
上传
评论
收藏 3.46MB ZIP 举报
IT程序员技术业务展示网站模板-响应式适配移动端.zip （395个子文件） 
style.turquoise.css 294KB style.default.css 294KB style.violet.css 294KB style.pink.css 294KB style.blue.css 294KB style.green.css 294KB style.red.css 294KB bootstrap.css 274KB bootstrap.rtl.css 274KB style.turquoise.min.css 241KB style.default.min.css 241KB style.violet.min.css 241KB style.pink.min.css 241KB style.blue.min.css 241KB style.green.min.css 241KB style.red.min.css 241KB bootstrap.rtl.min.css 228KB bootstrap.min.css 227KB bootstrap-utilities.css 105KB bootstrap-utilities.rtl.css 105KB animate.css 93KB bootstrap-utilities.min.css 83KB bootstrap-utilities.rtl.min.css 83KB animate.min.css 70KB animate.compat.css 69KB bootstrap-grid.rtl.css 69KB bootstrap-grid.css 69KB bootstrap-grid.rtl.min.css 51KB bootstrap-grid.min.css 51KB swiper-bundle.css 18KB swiper-bundle.min.css 15KB leaflet.css 14KB bootstrap-reboot.css 12KB bootstrap-reboot.rtl.css 12KB bootstrap-reboot.rtl.min.css 10KB bootstrap-reboot.min.css 10KB swiper.min.css 5KB pagination.min.css 5KB animate.css 4KB _base.css 1KB effect-cube.min.css 1KB navigation.min.css 1KB flip.css 891B bounce.css 714B wobble.css 625B jello.css 616B bounceIn.css 600B universal-parallax.css 560B flipInY.css 559B flipInX.css 559B effect-flip.min.css 549B bounceInRight.css 534B bounceInDown.css 531B bounceInLeft.css 529B bounceInUp.css 527B lazy.min.css 523B scrollbar.min.css 511B hinge.css 495B headShake.css 443B zoomOutDown.css 441B zoomOutUp.css 435B rubberBand.css 424B tada.css 418B zoomInRight.css 408B zoomInDown.css 405B zoomInLeft.css 405B universal-parallax.min.css 399B zoomInUp.css 399B flipOutX.css 396B flipOutY.css 396B lightSpeedInRight.css 365B heartBeat.css 363B lightSpeedInLeft.css 362B swing.css 357B virtual.min.css 349B pulse.css 326B effect-fade.min.css 325B jackInTheBox.css 325B bounceOut.css 323B bounceOutDown.css 317B bounceOutUp.css 312B rollIn.css 303B zoomOutRight.css 292B zoomOutLeft.css 288B zoom.min.css 286B backOutRight.css 283B backOutLeft.css 281B backInRight.css 280B backOutDown.css 279B backInLeft.css 278B backInDown.css 278B backOutUp.css 274B shakeX.css 273B shakeY.css 273B backInUp.css 271B shake.css 270B rollOut.css 267B rotateInDownRight.css 263B rotateInDownLeft.css 260B rotateInUpRight.css 258B共 395 条
- 1
- 2
- 3
- 4
资源评论
