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

一款黑色酷炫风格的个人简历网站模板,个人简历CSS3网页模板下载,html5动画展示效果挺酷炫好看的一个个性单页模板。
展开内容
8.5/246.5M
在犯罪现场会留下很多的证据,谁是凶手游戏,你将要面对各种的犯罪现场,需要找出现场有用的证据,完成关卡挑战。游戏玩法1、严谨的推理过程,游戏的关卡众多,每一关都需...
9.3/300.1M
这是一个小众文化的交流社区,非常潮流的一个软件,一个字的名字也显得更加又特色,这里有非常多的潮流用户,分享自己的一些生活到朋友圈!软件介绍岛App是一款全新上线...
7.6/1,295.4M
功能说明:1.自动刷群积分贡献参与人气2.串群管理,群管理,相册管理群共享管理.贴子管理。成员管理3.自动探索加群功能4.一键关键字清除群空间相关广告功能使用说...
7.9/1,111.9M
腾讯王牌nba手游ios版正式上线,开启不删档,这是一款由NBA官方授权,腾讯代理的篮球游戏,拥有非常好玩的NBA球星养成玩法,喜欢的朋友可以来下载体验!腾讯王...
7.7/796.0M
你喜欢跑酷类的游戏吗,在节拍上运行是一款非常好玩的跑酷游戏,游戏有各种音乐模式,和硬币字符,喜欢就来下载吧。在节拍上运行介绍这是无聊的,很难去上班,并且有一个极...
10.0/336.7M
玩游戏一个人感觉趣味性会减少很多,今天小编带来的印印陪玩软件,为用户提供了贴心,快速,专业的陪玩平台,各种热门的游戏可以自由的选择,还有动态社区可以结识同样喜欢...
7.8/743.0M
跳跃机器人太空冒险修改版是一款休闲游戏,和机器人一起太空旅行,让它不断跳跃和升级,你可以和社交好友竞争。跳跃机器人太空冒险修改版游戏介绍《跳跃机器人:太空冒险J...
9.1/1,779.8M
截至2020年11月,芜湖市下辖镜湖、弋江、鸠江、湾沚、繁昌等5个区和南陵县,代管县级无为市,常住人口364.442万人,城镇化率达到72.31%。2020年,...
8.6/777.6M
休闲街机风的躲避类过关游戏,避开红色(EvadeRed)有着极简的画风,操作很简单,就是控制白点躲避所有的红色,计分制的玩法,可以离线操作,需要不断的挑战自己,...
9.6/1,788.5M
Monogolf是一款休闲的球类手游,玩法简单,有丰富的场景地图,只需要玩家将球打到洞里面,需要计算各种角度,有点高尔夫球的感觉。游戏特色街机模式与150迷你高...
8.6/591.6M
画面剧情都做的非常精细的解谜大作,神秘灵魂手游中玩家需要去找到自己的灵魂,解开母亲的死亡秘密,充满着神秘的色彩和恐怖冒险,有些紧张和压抑的画风,很有挑战性。游戏...
9.6/1,749.2M
福州市图书馆App是一款移动阅读App,在软件里,使市民可以在线阅读书籍,注册自己的账号并且在线浏览自己想看的文献和书籍,同时海量的内容和馆藏的分布,伴随着市民...
查看
7.8/905.6M
9377炎黄大陆是一款东方魔幻战斗2D角色扮演类网页游戏。游戏以经典传奇端游为题材,高度复刻了传奇1.76的版本内容。复古的传奇画风。当空皓月,强大的副本bos...
8.1/1,544.8M
球球回家是一款竖屏弹射小游戏,需要帮助球球顺利的滚出框架,丰富的游戏关卡,每个关卡难度都不相同,尝试各种新的玩法,发射球球,让球球顺利回家,感兴趣的朋友赶快下载...
9.9/512.7M
来割草呀是一款非常有趣的手机割草小游戏,游戏所占用的内存非常的小,但是游戏剧情却非常的丰富,茅山道士为主角,小技能能够升级为毁天灭地的茅山道术,既能也是非常的炫...
8.1/393.8M
人民万年历不单单是一款简单的日历软件。人民万年历还提供天气预报,公农历对应,假日节气查询,放假安排查询等生活功能,有需要的朋友赶紧来下载使用吧。人民万年历简介人...
8.4/479.5M
刀锋无双畅玩版是果盘推出的全新福利版的三国题材游戏,这款游戏有着三国的题材,但是玩法上面比较偏向于传奇冒险游戏,算是两者的一个结合,设定还是非常不错的,大家可以...
9.0/742.2M
希沃易+是所有希沃易软件的合集,能满足老师的各个需求,里面包含了白板、班级优化大师,易课堂,授课助手,视频展台和剪辑师等功能,一个软件所有功能都能使用。安装方法...
9.8/1,465.7M
MySQL自动备份专家2018是一款可以立即对一个和多个数据库一次性执行备份。免去传统操作方式的繁琐打开关闭窗口,输入BAK文件名的过程,轻巧、功能完备的数据库...
8.6/1,082.1M
按钮图片设计器是一款按钮图片设计工具,能够帮助用户快速调整按钮图标的大小,透明度,颜色等属性,省去PS的时间,能够快速完成设计,只需要拖动滑块即可,方便实用。按...
7.7/356.0M
一龄是一款便利的、专业的医疗健康资讯软件。软件特色1、一龄是您的口袋秘书,随时随地为您提供最优质服务。2、一龄为会员提供更方便的医疗咨询、海内外商品购买、以及更...
8.3/928.9M
这是我们小编为大家带来的一个舞蹈圈Lite(天鹅湖芭蕾舞教学)软件,大家可以通过这个舞蹈圈来学习天鹅湖芭蕾舞,非常的不错,昨天在杭州的g20晚会上面的那个精美的...
8.9/1,964.2M
哨子办公,千万中小企业信赖的大数据办公平台,为企业提供一站式的在线办公管理工具,并基于自主研发的大数据模型,为企业提供强大的多维度分析报表,帮助企业降低管理成本...
9.9/1,898.3M
要塞远征手游下载,这是一款二次元题材的RPG手游,自主创建自己的兵营,收集各类英雄,发挥不同兵种的专属技能特性,游戏不肝不氪,内容丰富精彩,每局控制在3至5分钟...