个人简历CSS3网页模板下载-黑色酷炫风格的个人简历CSS3网页模板免费版手游最新版本

个人简历CSS3网页模板下载-黑色酷炫风格的个人简历CSS3网页模板免费版手游最新版本

大小:941.8M 语言: 简体中文

类型:主机游戏适配 系统:macOS

备案号:备案号:浙8T-202397251-87E
简介 相关 评论(9)
热门游戏 竞技游戏 枪战游戏 枪械游戏大全

首页源码

<!DOCTYPEhtml>

<htmlxmlns="http://www.w3.org/1999/xhtml">

<head>

<metacharset="utf-8"/>

<metaname="viewport"content="width=device-width,initial-scale=1,maximum-scale=1"/>

<metaname="description"content=""/>

<metaname="author"content=""/>

<!--[ifIE]>

<metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1">

<![endif]-->

<title>Home</title>

<!--BOOTSTRAPCORESTYLECSS-->

<linkhref="assets/css/bootstrap.css"rel="stylesheet"/>

<!--FONTAWESOMECSS-->

<linkhref="assets/css/font-awesome.min.css"rel="stylesheet"/>

<!--ANIMATE CSS-->

<linkhref="assets/css/animate.css"rel="stylesheet"/>

<!--PRETTYPHOTO CSS-->

<linkhref="assets/css/prettyPhoto.css"rel="stylesheet"/>

<!-- STYLESWITCHERCSS-->

<linkhref="assets/css/styleSwitcher.css"rel="stylesheet"/>

<!--CUSTOMSTYLECSS-->

<linkhref="assets/css/style.css"rel="stylesheet"/>

<!--PINKSTYLEVERSIONISBYDEFAULT,USEANYONESTYLESHEETFROMFOURSTYLESHEETS(pink,green,blueandbrown)HERE-->

<linkhref="assets/css/themes/pink.css"id="mainCSS"rel="stylesheet"/>

<!--GOOGLEFONTS-->

<linkhref='http://fonts.googleapis.com/css?family=Open+Sans:400,700,300'rel='stylesheet'type='text/css'/>

</head>

<body>

<divclass="switcher"style="left:-50px;">

<aid="switch-panel"class="hide-panel">

<iclass="fafa-desktop"></i>

</a>

<pstyle="font-size:10px">choose</p>

<ulclass="colors-list">

<li><atitle="Pink"id="pink"class="pink"></a></li>

<li><atitle="Green"id="green"class="green"></a></li>

<li><atitle="Blue"id="blue"class="blue"></a></li>

<li><atitle="Brown"id="brown"class="brown"></a></li>

</ul>

</div>

<!--/.ENDTHEMESWITCHER-->

<divid="home-sec">

<divclass="overlay">

<divclass="container">

<divclass="rowpad-top-bottom move-me">

<divclass="col-lg-5col-md-5col-sm-5text-center">

<imgsrc="assets/img/sad.jpg"class="main-imgimg-circlewowbounceInanimated"data-wow-duration="1s"data-wow-delay=".2s"alt=""/>

<h1class="wowbounceInanimated"data-wow-duration="1s"data-wow-delay=".4s">JHONBINEENA</h1>

<h2class="wowbounceInanimated"data-wow-duration="1s"data-wow-delay=".6s">WEB DESIGNER</h2>

<ahref="#about-sec"class="btncustom-btn-onebtn-lgwowbounceInanimated"data-wow-duration="1s"data-wow-delay=".8s">EXPLOREMYSELF</a>

</div>

<divclass="col-lg-2col-md-2col-sm-2text-center ">

<ahref="#about-sec"class="wowbounceInanimated"data-wow-duration="1s"data-wow-delay=".1s">

<iclass="fafa-infoicon-roundicon-round-active"></i>

<h3class="wowbounceInanimated"data-wow-duration="1s"data-wow-delay=".2s">ABOUTME</h3>

</a>

<ahref="#resume-sec"class="wowbounceInanimated"data-wow-duration="1s"data-wow-delay=".3s">

<iclass="fafa-briefcaseicon-round"></i>

<h3class="wowbounceInanimated"data-wow-duration="1s"data-wow-delay=".4s">RESUME</h3>

</a>

<ahref="#portfolio-sec"class="wowbounceInanimated"data-wow-duration="1s"data-wow-delay=".5s">

<iclass="fafa-recycleicon-roundicon-round-active"></i>

<h3class="wowbounceInanimated"data-wow-duration="1s"data-wow-delay=".6s">PORTFOLIO</h3>

</a>

<ahref="#hire-sec"class="wowbounceInanimated"data-wow-duration="1s"data-wow-delay=".7s">

<iclass="fafa-paper-plane-oicon-round"></i>

<h3class="wowbounceInanimated"data-wow-duration="1s"data-wow-delay=".8s">HIREME</h3>

</a>

</div>

<divclass="col-lg-5col-md-5col-sm-5text-center">

<imgsrc="assets/img/smile.jpg"class="main-img-2img-circlewowbounceInanimated"data-wow-duration="1s"data-wow-delay=".2s"alt=""/>

<h1class="wowbounceInanimated"data-wow-duration="1s"data-wow-delay=".4s">EXPERIENCEOF</h1>

<h2class="wowbounceInanimated"data-wow-duration="1s"data-wow-delay=".6s">5+YEARS</h2>

<ahref="#resume-sec"class="btncustom-btn-onebtn-lgwowbounceInanimated"data-wow-duration="1s"data-wow-delay=".8s">DOWNLOADRESUME</a>

</div>

</div>

</div>

</div>

</div>

<!--HOMESECTIONEND-->

<sectionid="about-sec">

<divclass="container">

<divclass="row">

<divclass="col-lg-4col-md-4col-sm-4wowbounceInanimated"data-wow-duration="1s"data-wow-delay=".2s">

<h1>WHATTOKNOW</h1>

<h1>ABOUTME?</h1>

<divclass="color-strip"></div>

<divclass="social-icon">

<ahref="#">

<imgsrc="assets/img/Social/facebook.png"alt=""/></a>

<ahref="#">

<imgsrc="assets/img/Social/google-plus.png"alt=""/></a>

<ahref="#">

<imgsrc="assets/img/Social/twitter.png"alt=""/></a>

</div>

</div>

<divclass="col-lg-8col-md-8col-sm-8wowbounceInanimated"data-wow-duration="1s"data-wow-delay=".4s">

<p>

Loremipsumdolorsitamet,consecteturadipiscingelit. 

 Nullapretiumlectusveljustoiaculisblandit.

 Nullafacilisi.Inhachabitasseplateadictumst.

 Loremipsumdolorsitamet,consecteturadipiscingelit. 

 Nullapretiumlectusveljustoiaculisblandit.

 Nullafacilisi.Inhachabitasseplateadictumst.

 Nullafacilisi.Inhachabitasseplateadictumst.

</p>

<p>

Nullafacilisi.Inhachabitasseplateadictumst.

Nullafacilisi.Inhachabitasseplateadictumst.

 Nullapretiumlectusveljustoiaculisblandit.

 Nullafacilisi.Inhachabitasseplateadictumst.

 Loremipsumdolorsitamet,consecteturadipiscingelit. 

 Nullapretiumlectusveljustoiaculisblandit.

 Nullafacilisi.Inhachabitasseplateadictumst.

</p>

</div>

</div>

</div>

</section>

<!--ABOUTSECTIONEND-->

<sectionid="skill-sec">

<divclass="overlay">

<divclass="container">

<divclass="rowpad-top-bottommove-me">

<divclass="col-lg-2col-md-2col-sm-2text-centerwowbounceInanimated"data-wow-duration="1s"data-wow-delay=".2s">

<spanclass="chart"data-percent="75">

<spanclass="percent"></span>

</span>

<h4>JQUERY</h4>

</div>

<divclass="col-lg-2col-md-2col-sm-2text-centerwowbounceInanimated"data-wow-duration="1s"data-wow-delay=".4s">

<spanclass="chart"data-percent="80">

<spanclass="percent"></span>

</span>

<h4>HTML</h4>

</div>

<divclass="col-lg-2col-md-2col-sm-2text-center wowbounceInanimated"data-wow-duration="1s"data-wow-delay=".6s">

<spanclass="chart"data-percent="95">

<spanclass="percent"></span>

</span>

<h4>PHP</h4>

</div>

<divclass="col-lg-2col-md-2col-sm-2text-centerwowbounceInanimated"data-wow-duration="1s"data-wow-delay=".8s">

<spanclass="chart"data-percent="65">

<spanclass="percent"></span>

</span>

<h4>JAVA</h4>

</div>

<divclass="col-lg-4col-md-4col-sm-4 wowbounceInanimated"data-wow-duration="1s"data-wow-delay="1s">

<h1>CHECKOUTMY</h1>

<h1>SKILLSET</h1>

<p>

Loremipsumdolorsitamet,consecteturadipiscingelit. 

 Nullapretiumlectusveljustoiaculisblandit.

</p>

<ahref="#resume-sec"class="btnbtn-style-twobtn-lg">DOWNLOADRESUME(.pdffile)</a>

</div>

</div>

</div>

</div>

</section>

<!--SKILLSECTIONEND-->

<sectionid="resume-sec">

<divclass="container">

<divclass="row move-me">

<divclass="col-lg-4col-md-4col-sm-4wowbounceInanimated"data-wow-duration="1s"data-wow-delay=".2s">

<h1>DOWNLOAD</h1>

<h1>RESUME</h1>

<divclass="color-strip"></div>

<ahref="#resume-sec"class="btnbtn-style-three">DOWNLOADRESUME(.txtfile)</a>

</div>

<divclass="col-lg-8col-md-8col-sm-8wowbounceInanimated"data-wow-duration="1s"data-wow-delay=".4s">

<divclass="board">

<divclass="board-inner">

<ulclass="navnav-tabs"id="myTab">

<liclass="active">

<ahref="#home"data-toggle="tab"title="PERSONALDETAILS">

<spanclass="round-tabsone">

<iclass="fafa-home"></i>

</span>

</a></li>

<li><ahref="#profile"data-toggle="tab"title="EDUCATIONALPROFILE">

<spanclass="round-tabstwo">

<iclass="fafa-briefcase"></i>

</span>

</a>

</li>

<li><ahref="#exp"data-toggle="tab"title="EXPERIENCEDETAILS">

<spanclass="round-tabsthree">

<iclass="fafa-recycle"></i>

</span></a>

</li>

<li><ahref="#location"data-toggle="tab"title="PRESENTLOCATION">

<spanclass="round-tabsfour">

<iclass="fafa-paper-plane-o"></i>

</span>

</a></li>

<li><ahref="#contact"data-toggle="tab"title="CONTACTME">

<spanclass="round-tabsfive">

<iclass="fafa-comments-o"></i>

</span></a>

</li>

</ul>

</div>

<divclass="tab-content">

<divclass="tab-panefadeinactive"id="home">

<h4class="headtext-center">PERSONALDETAILS</h4>

<pclass="narrowtext-center">

<span>

<i>NAME:</i>JHONBINEENADEXONA

</span>

<span>

<i>AGE:</i>25YEARS

</span>

<span>

<i>EXPERIENCE:</i>5+YEARSTILLDATE

</span>

</p>

</div>

<divclass="tab-panefade"id="profile">

<h4class="headtext-center">EDUCATIONALPROFILE</h4>

<pclass="narrowtext-center">

<span>

<i>TECHINICAL:</i>B.E.(ComputerScience) 

</span>

<span>

<i>SKILLS :</i>HTML,CSS,PHP,JQUERY,etc.

</span>

<span>

<i>SOFTWARES :</i>PHOTOSHOP,MAYA,etc.

</span>

</p>

</div>

<divclass="tab-panefade"id="exp">

<h4class="headtext-center">EXPERIENCEDETAILS</h4>

<pclass="narrowtext-center">

<span>

<i>MICROSOFT :</i>2013-TILLDATE asSR.UIDESIGNER

</span>

<span>

<i>MAYAANIMATIONS:</i>2010-2013asUIDESIGNER

</span>

<span>

<i>JALSONCREATIVES:</i>2009-2010asDEVELOPER.

</span>

</p>

</div>

<divclass="tab-panefade"id="location">

<h4class="headtext-center">PRESENTLOCATION</h4>

<pclass="narrowtext-center">

<span>

<i>LOCALITY</i>243/90-NEWYORKSTREET

</span>

<span>

<i>COUNTRY</i>UNITEDSTATESOFAMERICA

</span>

<span>

<i>PIN</i>345-908-00

</span>

</p>

</div>

<divclass="tab-panefade"id="contact">

<h4class="headtext-center">CONTACTME</h4>

<pclass="narrowtext-center">

<span>

<i>EMAIL</i>hello@yourdomain.com

</span>

<span>

<i>Call</i>+90-908-678-654

</span>

<span>

<i>SKYPE</i>meracallo

</span>

</p>

</div>

</div>

</div>

</div>

</div>

<divclass="rowpad-top move-mewowbounceInanimated"data-wow-duration="1s"data-wow-delay=".6s">

<divclass="col-lg-4col-md-4col-sm-4">

<divclass="alertalert-infotext-center">

<h4class="media-heading"><strong>10USD</strong>/HOUR</h4>

<p>

Aeneanfaucibusluctusenim. 

</p>

<ahref="#hire-sec"class="btnbtn-info">BUYPLANNOW</a>

</div>

</div>

<divclass="col-lg-4col-md-4col-sm-4">

<divclass="alertalert-successtext-center">

<h4class="media-heading"><strong>200USD</strong>/MONTH</h4>

<p>

Aeneanfaucibusluctusenim. 

</p>

<ahref="#hire-sec"class="btnbtn-success">BUYPLANNOW</a>

</div>

</div>

<divclass="col-lg-4col-md-4col-sm-4">

<divclass="alertalert-infotext-center">

<h4class="media-heading"><strong>1500USD</strong>/YEAR</h4>

<p>

Aeneanfaucibusluctusenim. 

</p>

<ahref="#hire-sec"class="btnbtn-info">BUYPLANNOW</a>

</div>

</div>

</div>

</div>

</section>

<!--RESUMESECTIONEND-->

<sectionid="testimonial-main">

<divclass="overlay">

<divclass="container">

<divclass="rowpad-top-bottomwowbounceInanimated"data-wow-duration="1s"data-wow-delay=".2s">

<divclass="col-lg-12col-md-12col-sm-12text-center">

<h1>CLIENTESTIMONIALS</h1>

<divid="testimonials"class="carouselslide"data-ride="carousel">

<olclass="carousel-indicators">

<lidata-target="#testimonials"data-slide-to="0"class=""></li>

<lidata-target="#testimonials"data-slide-to="1"class="active"></li>

<lidata-target="#testimonials"data-slide-to="2"class=""></li>

</ol>

<divclass="carousel-inner">

<divclass="item">

<divclass="containercenter">

<divclass="col-lg-6col-lg-offset-3col-md-6col-md-offset-3slide-custom">

<h4><iclass="fafa-quote-left"></i>Loremipsumdolorsitamet,consecteturadipiscingelitonecmolestienonsemvelcondimentum.<iclass="fafa-quote-right"></i></h4>

<divclass="user-imgpull-right">

<imgsrc="assets/img/user2.png"alt=""class="img-circleimage-responsive"/>

</div>

<h5class="pull-right">LoremDolor</h5>

</div>

</div>

</div>

<divclass="itemactive">

<divclass="containercenter">

<divclass="col-lg-6col-lg-offset-3col-md-6col-md-offset-3slide-custom">

<h4><iclass="fafa-quote-left"></i>Aeneanfaucibusluctusenim.Duisquissemrisususpendlaciniaelementumnunc.<iclass="fafa-quote-right"></i></h4>

<divclass="user-imgpull-right">

<imgsrc="assets/img/user.gif"alt=""class="img-circleimage-responsive"/>

</div>

<h5class="pull-right">Faucibusluctus</h5>

</div>

</div>

</div>

<divclass="item">

<divclass="containercenter">

<divclass="col-lg-6col-lg-offset-3col-md-6col-md-offset-3slide-custom">

<h4><iclass="fafa-quote-left"></i>Sedultricies,liberoutadipiscingfringilla,anteelitluctuslorem,aegestasduimetusaarcucondimentum.<iclass="fafa-quote-right"></i></h4>

<divclass="user-imgpull-right">

<imgsrc="assets/img/user2.png"alt=""class="img-circleimage-responsive"/>

</div>

<h5class="pull-right">Sedultricies</h5>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</section>

<!--TESTIMONIALSECTIONEND-->

<sectionid="portfolio-sec">

<divclass="container">

<divclass="rowtext-centerwowbounceInanimated"data-wow-duration="1s"data-wow-delay=".2s">

<divclass="col-lg-8col-lg-offset-2col-md-8col-md-offset-2col-sm-8col-sm-offset-2text-center">

<h1>RECENTPROJECTS</h1>

<p>Loremipsumdolorsitamet,consecteturadipiscingelitonecmolestienonsemvelcondimentum.Loremipsumdolorsitamet,consecteturadipiscingelit.</p>

</div>

</div>

<divclass="row wowbounceInanimated"data-wow-duration="1s"data-wow-delay=".4s">

<divclass="col-lg-3col-md-3col-sm-4col-xs-12 ">

<divclass="portfolio-sec-wrap">

<imgclass="img-responsive"src="assets/img/portfolio/small/1.jpg"alt=""/>

<divclass="overlay">

<divclass="portfolio-sec-inner">

<h3><ahref="#">ConsecteAdipis</a></h3>

<p>Loremipsumdolorsitamet,consectetur</p>

<aclass="preview" href="assets/img/portfolio/big/1.jpg"><iclass="fafa-eye"></i>SEEPROJECT</a>

</div>

</div>

</div>

</div>

<divclass="col-lg-3col-md-3col-sm-4col-xs-12 ">

<divclass="portfolio-sec-wrap">

<imgclass="img-responsive"src="assets/img/portfolio/small/2.jpg"alt=""/>

<divclass="overlay">

<divclass="portfolio-sec-inner">

<h3><ahref="#">ConsecteAdipis</a></h3>

<p>Loremipsumdolorsitamet,consectetur</p>

<aclass="preview"href="assets/img/portfolio/big/2.jpg"><iclass="fafa-eye"></i>SEEPROJECT</a>

</div>

</div>

</div>

</div>

<divclass="col-lg-3col-md-3col-sm-4col-xs-12 ">

<divclass="portfolio-sec-wrap">

<imgclass="img-responsive"src="assets/img/portfolio/small/3.jpg"alt=""/>

<divclass="overlay">

<divclass="portfolio-sec-inner">

<h3><ahref="#">ConsecteAdipis</a></h3>

<p>Loremipsumdolorsitamet,consectetur</p>

<aclass="preview"href="assets/img/portfolio/big/3.jpg"><iclass="fafa-eye"></i>SEEPROJECT</a>

</div>

</div>

</div>

</div>

<divclass="col-lg-3col-md-3col-sm-4col-xs-12 ">

<divclass="portfolio-sec-wrap">

<imgclass="img-responsive"src="assets/img/portfolio/small/4.jpg"alt=""/>

<divclass="overlay">

<divclass="portfolio-sec-inner">

<h3><ahref="#">ConsecteAdipis</a></h3>

<p>Loremipsumdolorsitamet,consectetur</p>

<aclass="preview"href="assets/img/portfolio/big/4.jpg"><iclass="fafa-eye"></i>SEEPROJECT</a>

</div>

</div>

</div>

</div>

<divclass="col-lg-3col-md-3col-sm-4col-xs-12 ">

<divclass="portfolio-sec-wrap">

<imgclass="img-responsive"src="assets/img/portfolio/small/5.jpg"alt=""/>

<divclass="overlay">

<divclass="portfolio-sec-inner">

<h3><ahref="#">ConsecteAdipis</a></h3>

<p>Loremipsumdolorsitamet,consectetur</p>

<aclass="preview"href="assets/img/portfolio/big/5.jpg"><iclass="fafa-eye"></i>SEEPROJECT</a>

</div>

</div>

</div>

</div>

<divclass="col-lg-3col-md-3col-sm-4col-xs-12 ">

<divclass="portfolio-sec-wrap">

<imgclass="img-responsive"src="assets/img/portfolio/small/6.jpg"alt=""/>

<divclass="overlay">

<divclass="portfolio-sec-inner">

<h3><ahref="#">ConsecteAdipis</a></h3>

<p>Loremipsumdolorsitamet,consectetur</p>

<aclass="preview"href="assets/img/portfolio/big/6.jpg"><iclass="fafa-eye"></i>SEEPROJECT</a>

</div>

</div>

</div>

</div>

<divclass="col-lg-3col-md-3col-sm-4col-xs-12 ">

<divclass="portfolio-sec-wrap">

<imgclass="img-responsive"src="assets/img/portfolio/small/7.jpg"alt=""/>

<divclass="overlay">

<divclass="portfolio-sec-inner">

<h3><ahref="#">ConsecteAdipis</a></h3>

<p>Loremipsumdolorsitamet,consectetur</p>

<aclass="preview"href="assets/img/portfolio/big/7.jpg"><iclass="fafa-eye"></i>SEEPROJECT</a>

</div>

</div>

</div>

</div>

<divclass="col-lg-3col-md-3col-sm-4col-xs-12 ">

<divclass="portfolio-sec-wrap">

<imgclass="img-responsive"src="assets/img/portfolio/small/8.jpg"alt=""/>

<divclass="overlay">

<divclass="portfolio-sec-inner">

<h3><ahref="#">ConsecteAdipis</a></h3>

<p>Loremipsumdolorsitamet,consectetur</p>

<aclass="preview"href="assets/img/portfolio/big/8.jpg"><iclass="fafa-eye"></i>SEEPROJECT</a>

</div>

</div>

</div>

</div>

<divclass="col-lg-3col-md-3col-sm-4col-xs-12 ">

<divclass="portfolio-sec-wrap">

<imgclass="img-responsive"src="assets/img/portfolio/small/1.jpg"alt=""/>

<divclass="overlay">

<divclass="portfolio-sec-inner">

<h3><ahref="#">ConsecteAdipis</a></h3>

<p>Loremipsumdolorsitamet,consectetur</p>

<aclass="preview"href="assets/img/portfolio/big/1.jpg"><iclass="fafa-eye"></i>SEEPROJECT</a>

</div>

</div>

</div>

</div>

<divclass="col-lg-3col-md-3col-sm-4col-xs-12 ">

<divclass="portfolio-sec-wrap">

<imgclass="img-responsive"src="assets/img/portfolio/small/2.jpg"alt=""/>

<divclass="overlay">

<divclass="portfolio-sec-inner">

<h3><ahref="#">ConsecteAdipis</a></h3>

<p>Loremipsumdolorsitamet,consectetur</p>

<aclass="preview"href="assets/img/portfolio/big/2.jpg"><iclass="fafa-eye"></i>SEEPROJECT</a>

</div>

</div>

</div>

</div>

<divclass="col-lg-3col-md-3col-sm-4col-xs-12 ">

<divclass="portfolio-sec-wrap">

<imgclass="img-responsive"src="assets/img/portfolio/small/3.jpg"alt=""/>

<divclass="overlay">

<divclass="portfolio-sec-inner">

<h3><ahref="#">ConsecteAdipis</a></h3>

<p>Loremipsumdolorsitamet,consectetur</p>

<aclass="preview"href="assets/img/portfolio/big/3.jpg"><iclass="fafa-eye"></i>SEEPROJECT</a>

</div>

</div>

</div>

</div>

<divclass="col-lg-3col-md-3col-sm-4col-xs-12 ">

<divclass="portfolio-sec-wrap">

<imgclass="img-responsive"src="assets/img/portfolio/small/4.jpg"alt=""/>

<divclass="overlay">

<divclass="portfolio-sec-inner">

<h3><ahref="#">ConsecteAdipis</a></h3>

<p>Loremipsumdolorsitamet,consectetur</p>

<aclass="preview"href="assets/img/portfolio/big/4.jpg"><iclass="fafa-eye"></i>SEEPROJECT</a>

</div>

</div>

</div>

</div>

</div>

</div>

</section>

<!--PORTFOLIOSECTIONEND-->   

<sectionid="hire-sec">

<divclass="overlay">

<divclass="container">

<divclass="rowtext-centerpad-top-bottomwowbounceInanimated"data-wow-duration="1s"data-wow-delay=".2s">

<divclass="col-lg-8col-lg-offset-2col-md-8col-md-offset-2col-sm-8col-sm-offset-2">

<h1>HIREME</h1>

<p>Loremipsumdolorsitamet,consecteturadipiscingelitonecmolestienonsemvelcondimentum.Loremipsumdolorsitamet,consecteturadipiscingelit.</p>

<br/>

</div>

</div>

<divclass="row move-mewowbounceInanimated"data-wow-duration="1s"data-wow-delay=".4s">

<divclass="col-lg-6 col-md-6 col-sm-6">

<form>

<divclass="form-group">

<inputtype="text"class="form-control"required="required"placeholder="YourName"/>

</div>

<divclass="form-group">

<inputtype="text"class="form-control"required="required"placeholder="YourEmail"/>

</div>

<divclass="form-group">

<textareaname="message"id="message"required="required"class="form-control"style="min-height:100px;"placeholder="Message"></textarea>

</div>

<divclass="form-group">

<ahref="#hire-sec"class="btncustom-btn-one">CONTACTME</a>

</div>

</form>

</div>

<divclass="col-lg-4col-lg-offset-1 col-md-4 col-md-offset-1col-sm-4col-sm-offset-1"id="footer-sec">

<h3><strong>MYLOCATION</strong></h3>

<p>Loremipsumdolorsitamet,Loremipsumdolorsitamet,consecteturadipiscingelit.</p>

<p><i>ADDRESS:</i>243/90-NEWYORKSTREET,USA</p>

<p>Copyright&copy;2017.CompanynameAllrightsreserved.<atarget="_blank"href="http://www.sucaihuo.com/templates">网站模板</a></p>

</div>

</div>

</div>

</div>

</section>

<!--HIRESECTIONEND-->

<divclass="move-me">

<ahref="#home-sec"class="scrollup"><iclass="fafa-chevron-up"></i></a>

</div>

<!--SCROLLTOTOPSECTIONEND-->

<!-- JQUERYCORESCRIPTS-->

<scriptsrc="assets/js/jquery-1.10.2.js"></script>

<!-- BOOTSTRAPSCRIPTS-->

<scriptsrc="assets/js/bootstrap.js"></script>

<!-- SCROLLSCRIPTS-->

<scriptsrc="assets/js/jquery.easing.min.js"></script>

<!-- WOWANIMATIONSCRIPTS-->

<scriptsrc="assets/js/wow.min.js"></script>

<!--EASYPIECHARTSCRIPTS-->

<scriptsrc="assets/js/jquery.easypiechart.min.js"></script>

<!--PRETTYPHOTOSCRIPTS-->

<scriptsrc="assets/js/jquery.prettyPhoto.js"></script>

<!-- STYLESWITCHERSCRIPTS-->

<scriptsrc="assets/js/styleSwitcher.js"></script>

<!-- CUSTOMSCRIPTS-->

<scriptsrc="assets/js/custom.js"></script>

</body>

</html>

模板介绍

一款黑色酷炫风格的个人简历网站模板,个人简历CSS3网页模板下载,html5动画展示效果挺酷炫好看的一个个性单页模板。

黑色酷炫风格的个人简历CSS3网页模板是一款非常好用的个人简历网站模板,为用户提供了一个非常有个性的个人简历,喜欢就快来下载试试吧!知识星球苹果版下载-知识星球ios版4.47.0 苹果客户端版

极速网pk10 彩乐汇网 也买彩平台网站 靠谱的买球 亚博体育封代理
展开全部
应用信息
用户评论 跟帖评论

热门评论

最新评论

2025/11/22 08:23
皇家骑士1.4罪恶王冠是一款十分有趣的魔兽防守地图,这张地图最多支持5人玩耍,其游戏画面十分的炫酷,在新的版本中优化了装备系统,加强了游戏的趣味,喜欢这款地图的...

支持( 39 ) 盖楼(回复)

2025/11/25 21:49
慧明D4300专业DSP数字功放测试软件适用于政企会议、中小型的会议室、报告厅、中小型宴会厅、贵宾接见厅、会议中心、远程会议等场所,初频安装慧明D4300专业D...

支持( 119 ) 盖楼(回复)

2025/11/18 14:08
中小学国学课包含了所有的国学朗读的内容,支持语文以及英语同步课本朗读,这里提供的都是免费的朗读,不管是国学还是其它的都是可以在线的朗读的!中小学国学课app功能...

支持( 7 ) 盖楼(回复)

2025/11/30 23:00
对于喜欢笑傲江湖的朋友来说,总是在为只能登录一个而发愁!其实现在只需下载笑傲江湖多开器,就能立刻获得游戏多开的功能,而且不会对电脑系统产生坏的影响,更重要操作也...

支持( 116 ) 盖楼(回复)

2025/11/17 05:51
米粒换物是一款手机上的换物分享社区,很适合自己家里不需要的东西去和别人换取一些自己需要的东西!觉得自己想换购的朋友就下载到手机上试试吧!米粒换物介绍【米粒换物】...

支持( 154 ) 盖楼(回复)

2025/11/19 19:00
喜欢机甲坦克等元素的玩家看过来,这是一款能改造坦克开坦克打仗的硬核战争游戏,游戏有着很真实的战争场景,恢宏壮阔,主要是那些现代化的武器会让军事迷们很满足吧。游戏...

支持( 194 ) 盖楼(回复)

2025/11/29 09:41
一款手机传奇游戏,这款游戏主打合击玩法,小伙伴们可以在游戏内召唤出自己的专属英雄元神,激情刺激的战斗哟!游戏还支持工会战玩法,你可以创造出自己的工会!1.85星...

支持( 87 ) 盖楼(回复)

2025/11/11 12:30
上海社保app是一款上海社会保险经办服务信息官方应用软件,为你提供上海社会保险业务办事指南,政策法规,最新消息等等资讯服务。上海社保app说明上海社保app是一...

支持( 95 ) 盖楼(回复)

2025/11/29 09:40
电视盒子在线看影视,这里可以安装到自家的电视上,也可以直接在手机上看,只是这里全部都是横屏,看电视直播的好平台,满足你的观影需求,支持登录,只有登录之后才可以搜...

支持( 186 ) 盖楼(回复)

2025/11/10 16:53
源空间官方版APP是个免费的资源共享和兴趣交流的互动社区,其中能提供丰富的软件资源,内容版块丰富,涵盖多领域资源、数量众多,且具备优质性和独特性,能满足不同用户...

支持( 52 ) 盖楼(回复)

2025/11/23 04:24
3k超级舰队电脑版是一款好玩的手机游戏,可以通过安卓模拟器实现电脑上玩,游戏注重策略玩法,非常好玩,快来下载体验吧!电脑运行需下载模拟器模拟器大全|最好的模拟器...

支持( 79 ) 盖楼(回复)

2025/11/23 03:42
wellcee唯心所寓是一款手机在线租公寓软件,wellcee唯心所寓目前仅提供部分地区的公寓,在这里租房是和房东双向奔赴的,不仅可以租房还可以在平台分享生活。...

支持( 180 ) 盖楼(回复)

2025/11/09 15:30
敦煌是一款动作格斗手游,游戏中涵盖了中国数千年的历史,游戏中有非常多的武将角色,玩家可以根据自己的喜好来进行培养。游戏中玩家将会是一位主公吗,各位名将将是卡牌角...

支持( 124 ) 盖楼(回复)

2025/11/08 05:29
有许多用户在玩吃鸡游戏的时候发现卡顿,小编为你提供绝地求生大逃杀Host更改连接加速工具,帮你解决卡顿,下载慢等问题,让吃鸡游戏更加流畅,拥有更好的游戏体验!主...

支持( 19 ) 盖楼(回复)

2025/11/27 03:45
句容热线网app是一个本地居民生活服务平台,为市民朋友带来了丰富的生活服务,可以通过软件了解本地最新新闻资讯!软件介绍句容热线是一个服务于句容本土的地方性网站,...

支持( 105 ) 盖楼(回复)