您当前位置: 首页 电商购物 个人简历CSS3网页模板下载-黑色酷炫风格的个人简历CSS3网页模板免费版

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

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

类型: 电商购物 版本: V1.9

大小: 552.0 时间: 2025-11-13

推荐语
推荐语
电竞教父小说 电竞黄埔军校副校长首页源码<!DOCTYPEhtml><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metacharset="utf-8"/><metaname="...
应用介绍

首页源码

<!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>

星露谷物语TGP本初始存档免费版

模板介绍

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

黑色酷炫风格的个人简历CSS3网页模板是一款非常好用的个人简历网站模板,为用户提供了一个非常有个性的个人简历,喜欢就快来下载试试吧!

应用信息
相关版本
相关推荐
同一开发者
本类最新
相关专题
儿童舞蹈教学-儿童舞蹈教学(简单舞蹈教学app)3.4.4 安卓免费版

儿童舞蹈教学-儿童舞蹈教学(简单舞蹈教学app)3.4.4 安卓免费版

2025/11/11 08:01更新

应该有不少的父母都是非常的想让自己的孩子更好的学习好舞蹈的,那么你就需要给自己的手机上安装一款不错的简单舞蹈教学app,让你的孩子更好的学会舞蹈!简单舞蹈教学a...

相关文章
用户评论
克克NDS模拟器1.0  官方版

克克NDS模拟器1.0 官方版

2025/10/26 05:55更新

克克NDS模拟器是一款免费小巧便捷的nds游戏模拟器软件。软件功能强大,使用者通过本软件能够直接在电脑上模拟NDS的运行环境,直接在电脑上运行各种NDS游戏,非...

联通光纤 网友 abc456 青城交易app下载-青城交易app1.0.0 安卓手机版
青城交易app下载-青城交易app1.0.0 安卓手机版

支持 ( 150 ) 盖楼(回复)

联通光纤 网友 abc456 钢铁黎明1.0 修改版
钢铁黎明1.0 修改版

支持 ( 38 ) 盖楼(回复)

联通光纤 网友 abc456 日本哔哩哔哩下载-ニコニコ動画日本b站app8.42.0 安卓版
日本哔哩哔哩下载-ニコニコ動画日本b站app8.42.0 安卓版

支持 ( 188 ) 盖楼(回复)

联通光纤 网友 abc456 小窝家居app下载-小窝家居0.1.3 最新版
小窝家居app下载-小窝家居0.1.3 最新版

支持 ( 140 ) 盖楼(回复)

联通光纤 网友 abc456 知了新闻app1.0.7安卓版
知了新闻app1.0.7安卓版

支持 ( 41 ) 盖楼(回复)

联通光纤 网友 abc456 修剪艺术Prune苹果下载-修剪艺术Prune游戏1.1.2 手机版
修剪艺术Prune苹果下载-修剪艺术Prune游戏1.1.2 手机版

支持 ( 93 ) 盖楼(回复)

联通光纤 网友 abc456 玩具粉碎2020手游(toy crush 2019)8.1.0安卓版
玩具粉碎2020手游(toy crush 2019)8.1.0安卓版

支持 ( 164 ) 盖楼(回复)

联通光纤 网友 abc456 幂果桌面日历下载-幂果桌面日历2.0.5 免费版
幂果桌面日历下载-幂果桌面日历2.0.5 免费版

支持 ( 51 ) 盖楼(回复)

联通光纤 网友 abc456 官渡之战3.8地图攻略下载-官渡之战3.8正式版【附攻略】
官渡之战3.8地图攻略下载-官渡之战3.8正式版【附攻略】

支持 ( 155 ) 盖楼(回复)

联通光纤 网友 abc456 pome app下载-POME交友软件安卓0.1.4 手机版
pome app下载-POME交友软件安卓0.1.4 手机版

支持 ( 123 ) 盖楼(回复)

联通光纤 网友 abc456 拼音学习软件下载-拼音点读机1.4 最新免费版
拼音学习软件下载-拼音点读机1.4 最新免费版

支持 ( 93 ) 盖楼(回复)

联通光纤 网友 abc456 2018中级主管护师考试题库下载-2018中级主管护师考试app1.0专业版
2018中级主管护师考试题库下载-2018中级主管护师考试app1.0专业版

支持 ( 166 ) 盖楼(回复)

联通光纤 网友 abc456 原神归来手游下载-原神归来0.18.29手机版
原神归来手游下载-原神归来0.18.29手机版

支持 ( 181 ) 盖楼(回复)

联通光纤 网友 abc456 余杭智慧党建app下载-余杭智慧党建仁和先锋手机版1.1 官网最新版
余杭智慧党建app下载-余杭智慧党建仁和先锋手机版1.1 官网最新版

支持 ( 171 ) 盖楼(回复)

联通光纤 网友 abc456 阿甘跑步清华版app下载-清华大学跑步软件(阿甘跑步app)3.1.1官网手机版
阿甘跑步清华版app下载-清华大学跑步软件(阿甘跑步app)3.1.1官网手机版

支持 ( 167 ) 盖楼(回复)

联通光纤 网友 abc456 姓名排序软件-小快笔人名姓氏笔画排序器1.2 绿色免费版
姓名排序软件-小快笔人名姓氏笔画排序器1.2 绿色免费版

支持 ( 58 ) 盖楼(回复)

联通光纤 网友 abc456 铜雀台送充值版下载-铜雀台送2020充值1.0 开局福利版
铜雀台送充值版下载-铜雀台送2020充值1.0 开局福利版

支持 ( 152 ) 盖楼(回复)

联通光纤 网友 abc456 EMore微博客户端3.9.7 安卓版
EMore微博客户端3.9.7 安卓版

支持 ( 109 ) 盖楼(回复)

联通光纤 网友 abc456 小鸡快跑5.89-小鸡快跑5.89新年快乐附隐藏密码
小鸡快跑5.89-小鸡快跑5.89新年快乐附隐藏密码

支持 ( 57 ) 盖楼(回复)

联通光纤 网友 abc456 wifi万能钥匙密码查看软件-智能WiFi密码app1.0.2官方最新版
wifi万能钥匙密码查看软件-智能WiFi密码app1.0.2官方最新版

支持 ( 55 ) 盖楼(回复)

查看更多评论

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

电商购物 552.0

下载