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

<!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©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动画展示效果挺酷炫好看的一个个性单页模板。
展开内容
8.2/373.0M
梦幻逍遥变异瑞兽是一款玩起来非常轻松的游戏,Q萌可爱的卡通人物形象,精美华丽的服装造型,花样趣味坐骑,陪你遨游三界,游戏里还有海量的副本等你来选。梦幻逍遥变异瑞...
9.7/1,282.6M
我想大家都在各种网站或者论坛上面看见过各种搞笑的图片吧,那么这些图片是怎么制作的呢?其实制作这些搞笑图片非常的简单,在这里小编给大家推荐一款好用的搞笑图片制作工...
8.5/1,153.9M
心洲商城app是一款在线购物平台,在这里你可以随时随地浏览和购买你喜爱的商品,无需走出家门即可满足各种购物需求,无论是日常生活用品、时尚潮流服饰还是家居装饰都能...
9.2/276.4M
麦芽说英语是由北京麦芽田网络科技有限公司推出的一款手机学习英语app,为用户提供了非常好用的英语提高成绩功能喜欢的同学快来下载试试吧!手机学英语软件介绍通过对使...
8.7/725.4M
到家了生活是一款将房产和手机购物相结合的手机实用软件,在软件中可以VR看房,足不出户在手机上就可以浏览,海量的新房和二手房供你挑选;年货节到了,可以在此软件中买...
8.6/66.4M
真酒网APP是一款专业的酒类出售鉴别平台,这里有各种知名大牌酒类出售,提供专业的鉴别服务,让用户买到最真实最优惠的酒水,喜欢的朋友就快来下载体验吧!酒市网app...
7.6/1,616.2M
宝宝认工程车是宝宝巴士推出的一款亲子游戏,有不同种类的工程车让宝宝认识,体验驾驶的乐趣,同时认识工程车。宝宝认工程车特点大量的儿歌动画,让宝宝更加的喜爱上这个游...
9.8/450.5M
像素战地世界战争是一款玩法丰富的像素吃鸡手游,在游戏中玩家可以获得各种像素装备,与队友一起在地图中收集资源,击杀所有对手并存活到最后,有需要的朋友们快来uzzf...
8.0/928.8M
44755赚钱游戏盒子专为广大游戏爱好者们打造的手游福利平台,在这里不仅能够玩更多更多精品好玩的手游,而且还能让你一边玩游戏一边赚钱,非常的良心特色,玩游戏无需...
10.0/885.9M
模拟农场19LelySplendimo900割草机套件MOD,官方MODLelySplendimo900割草机套件包括前置和后置两个割草刀,需要的玩家朋友们可自...
9.8/1,828.2M
狐女读后感是一篇非常优秀的文章,有很多同学都需要写一篇狐女读后感,东坡为大家提供了这一款优秀读后感大全,仅供参考!读后感预览那是一只十分聪明却又狡猾的狐狸。有一...
9.1/15.7M
这是一个专业的二手车买卖服务平台,专业平台保障,专业客服在线指导咨询,人人都可以使用,通过这个app快速找到各种车型,咨询价格等等,安全可靠!软件介绍顺砀二手车...
9.5/521.3M
这是一份由19页组成的王安石元日ppt课件,该ppt课件围绕古诗元日展开,不仅全面诠释了这篇古诗的意思,还详细介绍了该古诗的写作背景以及作者所表达的思想情感等,...
7.5/350.6M
dll文件反编译在目前来说是越来越多的反编译人群都是在使用的,不过总是需要一款不错的工具来帮助你的话,现在就可以试试这款最新的dll文件反编译器神器吧!VC++...
7.5/1,597.6M
nba2k16人物能力CE修改脚本是这款同名游戏的球员能力值修改器。大家可以通过它来修改球员的能力值。特别是修改扣篮、三分、中投、弹跳等数据属性,从而让你在比赛...
8.2/508.6M
X苍炎失去的记忆想必大家都是了解的吧!现在为大家带来的是最新的X苍炎失去的记忆单独未加密破解补丁,他可以让你免费的玩这款游戏,感兴趣的可以试玩哦!X苍炎失去的记...
8.2/26.1M
搜妖记安卓版变态福利上线,开局领VIP8,首充1元=1000w元宝,爆率全开,装备全靠打,超诱惑1亿元宝,上线就送极品神装、绝版坐骑,升级还能领红包哦!游戏简介...
8.1/1,161.1M
立方迷宫2是一款非常不错的益智解谜游戏,在这里玩家需要滑动控制,并且游戏的难度有保证,比较有挑战性,下面小编就为大家带来立方迷宫2下载,喜欢的玩家们快点来试试吧...
10.0/62.9M
ChemPlot,一款多功能的化学分子式编辑工具,因为在使用过程中,需要用注册码,东坡小编就为大家带来了ChemPlot软件和ChemPlot算法注册机,特别实...
7.8/235.0M
天姬变百妖手游是一款拥有国风唯美画风的百变妖姬仙侠类手游,这款游戏将带领大家走进一个全新的修仙领域,大家在这里将可以感受到全新的玩法,里面会有各种充满特色的挑战...
8.6/532.7M
牛津上海版小学英语二年级上下册学习机是青少年学习英语的好帮手,这款软件专注青少儿英语学习,通过预习,认知,掌握,内化四个步骤让孩子更好的学习。有需要的朋友就来东...
8.9/680.5M
入团申请书范文600字里面的字数很多哦。应该是够了,如果字数多了的话,你自己可以适当地减少一点哦,如果字数少了的话,你可以从另外几篇中节选一点放到里面去哦。入团...
9.6/854.4M
手机版的cm3d2,虽然简化了很多,而且很健全(笑),手机上偶尔玩玩还是不错的,超级棒!!!!操作性高,操作也很自由,很可惜的是衣服头发种类比较少,自由捏造自己...
7.8/1,736.5M
写论文的开题报告,基本上就是已经确定了写作思路,确立了写作大纲。接下来写论文就会容易的多,大家如果不知道怎么写的话,可以来东坡下载阶级一下这份工程造价专业毕业论...
8.3/1,447.3M
万能wifi密码连接app是一款非常优质的手机线上WiFi连接软件,用户下载这款软件就能够在上面进行非常快速的网络连接功能,app上不仅能够帮助用户进行网络加速...