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

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

大小:1,595.8M 语言: 中文

类型:音乐播放 系统:macOS

备案号:备案号:苏6H-200442575-25J
简介 相关 评论(8)
热门游戏 竞技游戏 枪战游戏 枪械游戏大全

首页源码

<!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网页模板是一款非常好用的个人简历网站模板,为用户提供了一个非常有个性的个人简历,喜欢就快来下载试试吧!

空战争锋手游下载-空战争锋手游3.0.0 最新版

112bet 乐鱼真人信誉8 九游会能提现吗 亚博线路中心 为亚博
展开全部
应用信息
用户评论 跟帖评论

热门评论

最新评论

2025/09/07 14:27
2017小学清明节已经到了,相信有很多小学生都需要设计自己的黑板报,现在为大家带来各个年级的黑板报图片大全,如果你需要的话就可以使用哦!2017小学清明节黑板报...

支持( 121 ) 盖楼(回复)

2025/09/26 07:11
迪迦小工具是一款轻便又实用的手机工具箱,为用户整合了多种便捷功能。无需繁琐注册,下载后即可直接使用,轻松上手无门槛。它涵盖批量生成名字、性别查询、快手去水印等实...

支持( 176 ) 盖楼(回复)

2025/09/23 23:47
天安车宝ios版是一款帮助各大司机车主打造智能、便捷、互联驾乘体验的软件,软件提供流量查询、紧急救援、代驾服务、周边出行等功能,有需要的来下载吧!天安车宝ios...

支持( 99 ) 盖楼(回复)

2025/09/25 02:27
AmazingSlider是一个简单易用的网页动画效果设计软件,它可以快速的创造漂亮而又专业的网页轮播滑块、视频库和WordPress的滑块插件等。软件采用可视...

支持( 195 ) 盖楼(回复)

2025/09/27 23:35
百度桌面Plus最新手机版来袭了,全新特效全新的手机壁纸玩法,轻轻的手指一划就可以带来你需要的特效,整体上面也是非常的有个性的,安卓的手机都是可以免费下载体验下...

支持( 167 ) 盖楼(回复)

2025/09/24 23:06
淘宝店铺商品多了之后,很容易就有重复上架的商品,重复商品会影响到店铺的权重,这里带来千鱼淘宝直通车关键字组合相关词查询专家,只要输入旺旺和密码就可以自动获取重复...

支持( 158 ) 盖楼(回复)

2025/09/26 17:02
iSoftBox,一般又称isoftbox氛围灯。这是一款可以帮助你在拍照的时候自动增加一些氛围光线,不用自己辛辛苦苦找角度,或者是后续期P图了,一款软件就可以...

支持( 98 ) 盖楼(回复)

2025/09/08 23:14
每次到了换季的时候买了一大堆新衣服,但是不知道怎样搭配比较好看,服装搭配技巧分享平台可以看见各种时尚达人分享的穿衣搭配攻略,也支持自己上传穿衣心得。服装搭配技巧...

支持( 135 ) 盖楼(回复)

2025/09/18 17:15
伴我考教师证app是一款考教师资格证好用的app,为您提供专业的考试题库,海量试题,模拟测试题,欢迎来下载体验!伴我考教师证app介绍教师资格证通过率低、学习时...

支持( 51 ) 盖楼(回复)

2025/09/13 07:36
传奇散人高爆版!全服100%爆率高回收,上线送神装,轻松赚元宝!从20年前电脑里拿出来的传奇,复古版本,烈火赤月随处刷!冰雪传奇单职业版,装备全靠打,爆率9.8...

支持( 113 ) 盖楼(回复)

2025/09/29 02:49
今日文库APP是一款能为用户提供海量优质文字内容的应用程序,尤其是对于写作用户来说,今日文库APP起到的作用更是非常突出,无论是实时热文工作总结心得体会演讲稿,...

支持( 60 ) 盖楼(回复)

2025/09/17 17:29
顺序排排看要看各个的奖励而定,我看了6个左右才凑够红包劵。确切的说顺序排排看并不是一个单纯的红包群类游戏,但是像这种搭配红包群的活动奖励一般都很低,我只能把它归...

支持( 61 ) 盖楼(回复)

2025/09/14 22:15
百战斗斗堂是一款很好玩的多人竞技对战休闲手游。游戏有着丰富的玩法内容,有着多种模式可以选择。热血竞技,无敌PK,强化你的武器装备,多种游戏模式,收集萌宠坐骑,还...

支持( 52 ) 盖楼(回复)

2025/09/15 05:24
今年是二十四节气中的秋分,丹桂飘香,蟹肥菊黄,秋意渐凉,也是调养身体地好时节,小编为各位朋友带来2017秋分高清唯美祝福图片大全,喜欢的朋友欢迎来下载!秋分节气...

支持( 124 ) 盖楼(回复)

2025/09/11 19:19
魔导少年最强公会手游是一款由人气动漫妖精的尾巴改编过来的动作冒险游戏,游戏中悉数的人物角色Q版登场,华丽的特效,独特的专属招式,好玩的PVP、PVE玩法,玩家将...

支持( 187 ) 盖楼(回复)