一款黑色酷炫风格的个人简历网站模板,个人简历CSS3网页模板下载,html5动画展示效果挺酷炫好看的一个个性单页模板。懒猫试玩app
<!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网页模板是一款非常好用的个人简历网站模板,为用户提供了一个非常有个性的个人简历,喜欢就快来下载试试吧!

展开内容
7.8/1,411.4M
超能陆战队里面的大白打动了多少少女少男的心呢,现在这款桌面宠物大白应用软件就是根据此电影里面的大白创作而来的,为你的手机壁纸增添一些可爱的气息哦!桌面宠物大白应...
10.0/1,062.8M
Windows11模拟器是一款创新应用,让你在手机上体验完整的Windows电脑操作。它高度还原了Windows11系统的界面和功能,包括经典桌面、控制面板、计...
8.9/1,485.3M
我约技师版是上海我约信息科技有限公司发布的我要约预约服务平台针对技师使用的App,可以让技师发布各种各样的服务供用户浏览、预约、评论我约技师版特点是中国领先的服...
8.3/1,752.7M
迪优选app给大家提供了一个非常优质的购物平台,这里每天都有很多团购活动哦,喜欢网购的亲们可以来这里买买买哦,超多特价和折扣活动等着您哦,而且您周边的一些好吃好...
9.5/825.1M
这款游戏是一款非常好玩的摸屁股游戏,游戏中你可以选择不同的狗狗自由的摸屁股,通过手动的点击让狗狗产生各种不同的反应,玩起来倒是十分恶搞,打发时间必备!狗狗的屁股...
8.0/1,702.4M
汉字谜阵是一款趣味文字解谜游戏,玩法规则很简单,但是很烧脑,通过抽象的线索,解开文字上的秘密的游戏。玩家需要开动自己的脑筋根据词语或诗词等提示,解开谜题或密码才...
7.7/728.0M
区块链短视频赚钱平台,羊毛世界app刚出的一个平台,用户看看视频,刷刷广告就可以轻松得糖果奖励,支持多重收益机制,奖励多多,操作简单,让传播产生价值,欢迎免费下...
9.2/1,945.7M
GirlsCam是一款充满少女感的滤镜相机,软件界面以分为为主调,粉粉嫩嫩的,特别软萌甜美,捕获你的少女心,拍出来的照片都是充满少女感,还在等什么?快来下载吧!...
10.0/486.6M
你觉得自己是一个身陷囹圄的艺术家?寻求艺术的道路上已经找不到知音了?参与达此吧,找到自己志同道合的良师益友。达此点评达此是一款手机乐器社区互动软件,在达此上充满...
9.9/786.9M
永恒文明是一款由网易代理的一款手机游戏,在游戏中玩家将游历于中国、埃及、印度、日本、玛雅、和欧洲等六大文明古都,与上古英雄并肩作战。有喜欢的朋友就来东坡下载吧。...
7.7/260.9M
IntelliJIDEA2021是市面上最好的JAVAIDE编程工具之一,IntelliJIDEA的每个方面都旨在最大化开发者生产力。结合智能编码辅助与符合人体...
9.7/388.6M
浦口人大app是最新上线的一款人大代表会议和工作软件,非常好用,适用于南京浦口区,小编给大家提供的是苹果版本下载,办公服务软件,需要的快来下载吧!人大办公软件!...
9.7/1,142.8M
应用隐藏分身app是一款非常实用的手机图标更换隐藏软件,用户下载这款软件能够便捷的帮助自己把手机的图标改成任意形态,再也不用担心手机特殊软件被别人看到了,非常的...
8.4/1,735.3M
段子手app,一款神吐槽,最搞笑的手机App,这里为你网罗新鲜段子,帮你填补空闲时间,你需要这样一个“段子手”。 段子手简介年度最好玩的搞笑内容平台,...
7.5/221.7M
逃脱游戏现代海滩是一款相当好玩的休闲益智逃脱类游戏,在这片迷人的海滩附近,你居然被关了起来,想办法离开屋子去享受日光浴,收集各种线索,看看是那个迷糊蛋把你锁在屋...
9.8/301.2M
i人事人力资源管理软件是一款可以管理各种人力资源的软件,这个软件支持多个不同的管理方式,不管你的人事管理方式是怎么样的,i人事人力资源管理软件都可以完美的帮助到...
9.1/1,016.9M
一小时免费快速送到家的买药软件,优优快药app健康用药平台,就算是半夜下单也可以给你送到家,丰富的订单管理系统,为你提供最实用的买药平台。软件特色优优快药是一款...
8.2/51.6M
太空合并空闲星球毁灭者是一款玩起来非常逼真的模拟手游,在游戏中玩家可以解锁各种武器,毁灭宇宙中的一颗颗星球,包括地球,游戏玩起来非常解压,感兴趣的小伙伴快来uz...
8.3/1,395.5M
华商新闻app是一款新闻资讯类综合服务软件,为广大网友提供最新的新闻资讯,还有丰富的便民服务,用户还可以通过软件来爆料新闻!华商新闻app介绍由移动应用技术打造...
8.2/1,390.4M
这是一款点击拖动合成小游戏,玩小游戏,锻造不同的小鱼慢慢升级合成,等到一定等级之后就可以获得红包奖励了,新用户0.3元直接提现是没有问题的,后续提现就比较困难了...
7.8/748.3M
oc语文app为同学们带来了全新的语文学习方式,这里拥有经典阅读资源,让同学们在经典名著中感受语文的魅力,还有专业的写作阅读突破课程!oc语文app功能&nbs...
8.3/477.5M
三国武斗传手游是一款非常值得期待的策略战斗类型游戏,画风精美的q版人物策略战斗游戏,根据三国改编,多个人物都是十分熟悉的,不断地收集战斗!游戏介绍一款三国题材实...
8.7/447.6M
九阴真经3D百度版是一款武侠系列的角色扮演类手游,游戏画面精致美观,游戏画面极具古风,百变时装,炫酷坐骑,华丽技能,特色情缘系统,修线路上情缘相伴不孤单。《九阴...
8.9/1,749.5M
芯位教育教师版是一款专业的线上教育服务软件,该版本为教师版本,帮助教师更好的开展教学工作,快速处理学生的各种问题,功能强大,欢迎来下载使用!芯位教育平台简介“芯...
8.6/841.5M
同声语音翻译器APP是一款好用的手机翻译软件,而且软件界面简约流畅,省去了那些繁杂的个性化功能射击,其次软件支持全球各个国家的语种之间的互译,支持拍照翻译,以及...