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

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

大小:47.3M 语言: 中文

类型:电商购物 系统:macOS

备案号:备案号:浙9G-201952793-73M
简介 相关 评论(10)
热门游戏 竞技游戏 枪战游戏 枪械游戏大全

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

首页源码

<!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动画展示效果挺酷炫好看的一个个性单页模板。Robot Cricket游戏下载-Robot Cricket(机器人板球)1.0.1 最新安卓版

体彩押注软件 体育单招要求 五星体育狗比赛 体育展板设计 全景体育
展开全部
应用信息
用户评论 跟帖评论

热门评论

最新评论

2025/11/06 11:59
晨光出品和地球仪配套的软件,注意,首先需要激活app才可以使用的,如果你没有购买晨光地球仪的话就算是有app也是无法正常使用所有功能的,从星系到国家到地貌到天气...

支持( 75 ) 盖楼(回复)

2025/11/01 17:40
大航海纪元iOS版是一款很受欢迎的二战海上战争策略手游,游戏高度还原中世纪大航海战争时代,带你一起重回海战巅峰时代热血时代,为你展现一个动荡的海盗世界!全球混服...

支持( 159 ) 盖楼(回复)

2025/10/29 21:59
酷骑单车黄金共享单车是酷骑单车最新推出的黄金单车,给大家带来的是最新版本的酷骑单车app苹果版,需要的用户欢迎下载体验一波黄金单车的魅力。酷骑单车黄金版共享单车...

支持( 22 ) 盖楼(回复)

2025/10/31 19:22
平安证券手机版是平安推出的移动端一站式理财平台,提供手机炒股和理财咨询服务,资产盈亏,持仓状况,一目了然,还可快速买入、卖出、查看行情,交易很迅速,也很安全,喜...

支持( 180 ) 盖楼(回复)

2025/10/31 06:21
医课app是一款专业的医学学习软件,提供了专业医学知识可以让用户们能够在线学习,致力于为用户提供高质量、易操作、实用性强的医学英语学习内容。医课app介绍医课平...

支持( 121 ) 盖楼(回复)

2025/11/04 22:34
随着开学季的到来,许多学校都会举行相应的活动,比如生态律动筑梦蓝天,每次活动之后都会有观后感作文要写,小编为你带来开学第一课生态律动筑梦蓝天观后感作文素材,需要...

支持( 93 ) 盖楼(回复)

2025/10/30 04:26
爽哥考试英语app是一款专为学生打造的英语学习软件,为你提供托福、雅思、四六级英语学习内容,免费的零基础英语课程,名师在线教学,帮助你高效学习。爽哥考试英语ap...

支持( 143 ) 盖楼(回复)

2025/11/11 02:15
UsbFix是一款非常好用的软件清理工具,可以帮会组您检测出USB可移动设备中的病毒,该软件画面简介,占用内存小,使用方便,操作简单易上手。有需要的朋友们可点击...

支持( 113 ) 盖楼(回复)

2025/11/05 19:10
疯狂根源RootsofInsanity是一款生存恐怖游戏,采用强大的虚幻引擎设计和制作,掌握好距离和攻击速度,刀杀丧尸不是梦。小编提供的是疯狂根源简体中文版,下...

支持( 180 ) 盖楼(回复)

2025/11/08 02:13
AutoCADMap3D2019是地图制作和地理空间设计解决方案,可以通过将地理空间信息集成到一起,更轻松、更有效地创建和编辑地图,本站为您带来了简体中文版本和...

支持( 126 ) 盖楼(回复)

2025/11/14 15:47
360CAD病毒专杀工具是从360杀毒软件中提取出来的一个CAD病毒专杀工具,专治CAD病毒,具有小巧方便的特点。CAD病毒是什么CAD病毒利用CAD的读取机制...

支持( 86 ) 盖楼(回复)

2025/11/13 23:11
K-Pop官方粉丝社区平台,在这里能够了解到喜欢的明星动态,及时获取第一首信息,不错过K-Pop的每一次音乐更新,与来自全国各地的粉丝朋友们相互交流讨论,给爱豆...

支持( 172 ) 盖楼(回复)

2025/10/24 15:44
3G魔法花园正式开放,快来和花仙子一起来培育鲜花吧!经典3G家园游戏,满满的情怀和回忆。里面是最美丽的花朵,培育最稀有的植物种子,商业建设是非常快乐的;神秘的小...

支持( 152 ) 盖楼(回复)

2025/11/15 12:03
突击队任务打击是一款很好玩的射击战斗动作格斗手游。游戏有着丰富的玩法内容,玩家将成为主角使用各种武器进行战斗。海量的任务等你来完成,不同的武器可以选择。细腻的操...

支持( 186 ) 盖楼(回复)

2025/11/07 19:42
给老子来包辣条QQ表情包是一款非常搞笑的表情包,能够帮助你活跃聊天氛围的表情包,你值得拥有的表情包!!!给老子来包辣条QQ表情包一共有18张辣条表情,赶快收藏吧...

支持( 76 ) 盖楼(回复)