
类型: 美妆护肤 版本: V3.1
大小: 1,903.4 时间: 2025-11-23





一款黑色酷炫风格的个人简历网站模板,个人简历CSS3网页模板下载,html5动画展示效果挺酷炫好看的一个个性单页模板。
<!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网页模板是一款非常好用的个人简历网站模板,为用户提供了一个非常有个性的个人简历,喜欢就快来下载试试吧!
炒股赚的都是谁的钱
1,101.8M
我在史前当大佬游戏是一款极富策略性的部落对战游戏,让玩家有机会体验到史前时代的生存与斗争。游戏提供了多个角色供玩家选择,每个角色都拥有独特的属性和技能,为游戏增...
游戏赚钱平台是真的吗
990.8M
一统三国之吞食蜀汉是一款良心游戏,很不错,非常好玩,强烈推荐。开局就送吕布,游戏内容非常丰富,武将很多,任务很好,被动技能特别有创意。是童年的回忆,主要是免费游...
火星棋牌为什么杀分
845.8M
坦克兄弟连送100抽折扣版是一个全新军武卡牌挂机手游,热血竞技一触即发!游戏以二战为背景,玩家将扮演一支坦克部队的指挥官,带领自己的兄弟们展开激烈的战斗。玩家可...
跑步领红包的软件
127.0M
2018东风雷诺武汉马拉松已经完成了报名了,有不少的参赛者都是想知道最新的具体线路图的,或者是需要对这次比较有详细的了解的话,可以查询下具体的2018东风雷诺武...
京粉提现不了怎么办
1,969.4M
伟来app是一款非常优质的手机通讯软件,这款软件的整体功能是和微信差不多的,里面的各种功能都是非常的齐全的,用户们在这款软件中是可以认识到许多的好朋友的,而且用...
当当网余额如何提现
74.9M
这是一个医疗整容平台,全国各地都支持服务,和众多美容医院进行合作,在这里你可以免费资讯整容相关问题,会有专业医师帮助你解答!app介绍美秀秀整形app是一款共享...
最新赚钱项目是什么
1,438.5M
用微信来做营销的话,你一般都是需要大量的群发各种各样的短信的,也是需要定时在一个时段里面进行发送信息的,有这方面需要的话,现在就可以试试下面的这款最新的站划算微...
写网络小说能赚钱吗
681.9M
注册消防工程师亿题库是一款百万一级消防工程师二级消防工程师考生选择的手机刷题软件。包括《消防安全案例分析》,《消防安全技术综合能力》,《消防安全技术实务》三个科...
哪个网络游戏最挣钱
521.3M
英雄连城(合金割草0.1折)全新变态版本全屏割草以一敌万!这是一款快节奏的割草游戏,玩家可以体验多样化的游戏操作玩法,挑战各种游戏任务以获得丰富的奖励。此外,玩...
初级会计师可以兼职吗
807.5M
微信状态视频我要赚钱钱,微信更新后很多人都想要换自己的微信状态,让你可以在社交中非常的不一样,喜欢宫崎骏的朋友可以使用这款视频,全是宫崎骏动画中的女孩子,快去尝...
引流项目日赚2000
479.7M
Proxifier是一个程序,可以让不支持通过代理服务器工作的网络程序能通过HTTPS或SOCKS代理或代理链上网。序列号:5EZ8G-C3WL5-B56YG-...
自媒体月入万元
846.0M
古墓丽影崛起一款大型动作类冒险游戏,游戏以第一人称为玩法,目前游戏已经正式的发售了,并且获得了很多的好评,这次的古墓丽影崛起游戏还有这众多场景可以自由的挑战,完...
中学生赚
121.2M
CAD转换器是一款提供CAD图纸文件格式转换的办公应用,app可以应用于各种场景的CAD图纸转换,app能够完美的支持各种型号的文件转换能够一站式的满足用户对图...
2018小生意做什么好
239.7M
身体是革命的本钱,为了方便大家能够更加便捷的记录自己的运动轨迹,StepUp计步器支持各种强大的运动数据记录功能,能够直接显示各种活动和能量消耗数据。StepU...
冷门暴利行业 牙医
422.5M
朕的宠妃满v版是一款拥有着众多美人的大型多人在线仙侠类手游。游戏在修仙的玩法上加入了结婚生子的红颜系统。海量的美少女任你挑选,丰富多彩的游戏剧情,非常的引人入胜...
自贡棋牌博雅下载安装
2025/11/11 22:55
可玩炸金花棋牌
2025/10/26 12:44
兼职赚钱问卷最新版本
2025/11/02 14:38
2022年能赚钱的行业
2025/11/07 08:30
pg电子游戏试玩版
2025/11/09 01:51
赚富人钱的偏门
2025/11/08 06:02
怎么找会计兼职工作
2025/11/02 01:04
医馆笑传挣钱
2025/10/29 02:06
看新闻挣钱哪个最可靠
2025/10/28 12:58
什么棋牌能玩啊
2025/10/26 10:30
顺丰输单兼职
2025/10/31 16:55
淘宝兼职刷单被骗
2025/10/31 15:22
神武新区快速赚钱
2025/11/04 07:50
手机有什么兼职可做
2025/10/31 17:46
六安学西餐赚钱吗
2025/11/07 02:18
六安学西餐赚钱吗
2025/11/07 02:18更新
2018招财进宝微信头像是小编整理的一些大吉大利的微信头像,2018年新的一年,换个招财进宝的微信头像,让你的一年里大吉大利,风调雨顺,财源广进!2018招财进...
支持 ( 168 ) 盖楼(回复)
支持 ( 62 ) 盖楼(回复)
支持 ( 181 ) 盖楼(回复)
支持 ( 147 ) 盖楼(回复)
支持 ( 68 ) 盖楼(回复)
支持 ( 62 ) 盖楼(回复)
支持 ( 112 ) 盖楼(回复)
支持 ( 163 ) 盖楼(回复)
支持 ( 140 ) 盖楼(回复)
支持 ( 157 ) 盖楼(回复)
支持 ( 48 ) 盖楼(回复)
支持 ( 160 ) 盖楼(回复)
支持 ( 33 ) 盖楼(回复)
支持 ( 170 ) 盖楼(回复)
支持 ( 44 ) 盖楼(回复)
支持 ( 129 ) 盖楼(回复)
支持 ( 163 ) 盖楼(回复)
支持 ( 63 ) 盖楼(回复)
支持 ( 122 ) 盖楼(回复)
支持 ( 127 ) 盖楼(回复)