<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="zxx">
<head>
<title>Unrivaled Personal Category Bootstrap Responsive Template | Home :: W3layouts</title>
<!-- Meta tag Keywords -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8" />
<meta name="keywords" content="Unrivaled Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script>
addEventListener("load", function() {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!-- //Meta tag Keywords -->
<!-- Custom-Files -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Bootstrap-Core-CSS -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!-- Style-CSS -->
<!-- font-awesome-icons -->
<link href="css/font-awesome.css" rel="stylesheet">
<!-- //font-awesome-icons -->
<!-- /Fonts -->
<link href="//fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800" rel="stylesheet">
<!-- //Fonts -->
</head>
<body>
<!-- mian-content -->
<div class="main-banner" id="home">
<!--/banner-->
<div class="banner-info">
<div class="w3pvt-logo text-center">
<h1> <a href="index.html">Unrivaled</a></h1>
</div>
<div class="middile-inner-con">
<div class="tab-main mx-auto">
<input id="tab1" type="radio" name="tabs" class="w3layouts-sm" checked>
<label for="tab1"><span class="fa fa-home" aria-hidden="true"></span>Home</label>
<input id="tab2" type="radio" class="w3layouts-sm" name="tabs">
<label for="tab2"><span class="fa fa-users" aria-hidden="true"></span> About</label>
<input id="tab3" type="radio" class="w3layouts-sm" name="tabs">
<label for="tab3"><span class="fa fa-files-o" aria-hidden="true"></span>Projects</label>
<input id="tab4" type="radio" class="w3layouts-sm" name="tabs">
<label for="tab4"><span class="fa fa-envelope" aria-hidden="true"></span> Contact</label>
<section id="content1" class="inner-w3layouts-wrap">
<img src="images/admin.jpg" class="admin img-fluid" alt="mobile-image">
<h4>Hi I'm Lee Rayhan</h4>
<h2>My Introduction</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lobortis mollis arcu, vel vulputate justo consectetur quis. Donec quis fringilla arcu lorem ipsum dolor sit amet nullam. Consequat adipiscing phasellus.</p>
</section>
<section id="content2" class="inner-w3layouts-wrap">
<h3 class="head-w3ls">What I do</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lobortis mollis arcu, vel vulputate justo consectetur quis. Donec quis fringilla arcu lorem ipsum dolor sit amet nullam. Consequat adipiscing phasellus.
Donec cursus nunc ut rhoncus volutpat. Suspendisse dictum volutpat orci sit amet consequat. Duis fermentum urna et ligula lacinia faucibus efficitur non sapien. Nulla cursus arcu sapien. Nulla luctus tellus dapibus erat tincidunt feugiat. Suspendisse potenti lorem ipsum dolor. Magna sed risus bibendum, ullamcorper risus eget, accumsan odio. Ut ornare mi aliquet, ultrices velit vitae tempor augue </p>
</section>
<section id="content3" class="inner-w3layouts-wrap">
<h3 class="head-w3ls">See My Latest Works.</h3>
<div class="row news-grids text-center">
<div class="col-4 gal-img">
<a href="#gal1"><img src="images/g1.jpg" alt="news image" class="img-fluid"></a>
<a href="#gal2"><img src="images/g3.jpg" alt="news image" class="img-fluid"></a>
</div>
<div class="col-4 gal-img">
<a href="#gal3"><img src="images/g2.jpg" alt="news image" class="img-fluid"></a>
<a href="#gal4"><img src="images/g4.jpg" alt="news image" class="img-fluid"></a>
</div>
<div class="col-4 gal-img">
<a href="#gal5"><img src="images/g5.jpg" alt="news image" class="img-fluid"></a>
<a href="#gal6"><img src="images/g6.jpg" alt="news image" class="img-fluid"></a>
</div>
<!-- popup-->
</div>
</section>
<section id="content4" class="inner-w3layouts-wrap">
<h3 class="head-w3ls"> Get In Touch</h3>
<form name="contact-form" class="contact-form" method="post" action="#">
<div class="row">
<div class="col-6 con-gd">
<div class="form-group">
<p>Name *</p>
<input type="text" class="form-control" id="name" placeholder="" name="name" required="">
</div>
<div class="form-group">
<p>Email *</p>
<input type="email" class="form-control" id="email" placeholder="" name="email" required="">
</div>
</div>
<div class="col-6 con-gd">
<div class="form-group">
<p>Send a Message *</p>
<textarea name="Message" placeholder="" required=""></textarea>
</div>
</div>
</div>
<div class="form-group">
<button type="submit" class="btn btn-default">Submit</button>
</div>
</form>
<ul class="w3pvt_social_list list-unstyled mt-4">
<li>
<a href="#" class="w3layouts-icon">
<span class="fa fa-facebook-f"></span>
</a>
</li>
<li>
<a href="#" class="w3layouts-icon">
<span class="fa fa-twitter"></span>
</a>
</li>
<li>
<a href="#" class="w3layouts-icon">
<span class="fa fa-dribbble"></span>
</a>
</li>
<li>
<a href
个人创意简历(可分享的网页)-蓝色个人简介网页模板 Bootstrap-响应式适配移动端.zip
版权申诉
22 浏览量
2024-03-18
11:25:01
上传
评论
收藏 2.05MB ZIP 举报
个人创意简历(可分享的网页)-蓝色个人简介网页模板 Bootstrap-响应式适配移动端.zip （19个子文件） 
个人创意简历(可分享的网页)-蓝色个人简介网页模板 Bootstrap-响应式适配移动端 html css 
style.css 8KB font-awesome.css 37KB bootstrap.css 174KB
index.html 8KB images 
g3.jpg 89KB g2.jpg 68KB admin.jpg 32KB banner.jpg 528KB g6.jpg 74KB banner1.jpg 622KB g5.jpg 51KB g4.jpg 45KB g1.jpg 53KB fonts FontAwesome.otf 132KB fontawesome-webfont.eot 162KB fontawesome-webfont.woff 96KB fontawesome-webfont.woff2 75KB
fontawesome-webfont.svg 434KB fontawesome-webfont.ttf 162KB资源评论
