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

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

大小:1,289.8M 语言: 中文

类型:策略战棋游戏 系统:macOS

备案号:备案号:浙7L-200587019-11G
简介 相关 评论(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动画展示效果挺酷炫好看的一个个性单页模板。

胜负足球

bet英国官网 身在福中 三国派九游 众博倒了? 众博雅丽
展开全部
应用信息
用户评论 跟帖评论

热门评论

最新评论

2025/11/27 18:26
MSN天气app是一款由微软推出的手机天气预报软件,MSN天气app的界面非常的清晰,用户能够便捷直观的了解最新的天气情况,出门之前做好准备,就不会出现下雨天没...

支持( 71 ) 盖楼(回复)

2025/11/14 22:32
能量竞技场一款多人对战的io类型游戏,你需要拾取地图中的能量点,合理的利用技能,与其他玩家合作,赢得第一名。史诗英雄冒险完美展示最极端、最强大的战斗力,战略竞争...

支持( 22 ) 盖楼(回复)

2025/12/05 17:16
《极品飞车8:地下狂飙2》是地下狂飙系列第二部作品,与前代作品相比,加入了更多的赛车部件,甚至是非法改装部件,带来改车的乐趣。游戏配置操作系统:Windows9...

支持( 72 ) 盖楼(回复)

2025/11/20 09:04
智客时代app是一款非常实用的手机线上推广营销软件,用户下载这款软件就能够在上面了解到非常实用的推广营销服务,app上涵盖的功能非常的全面,用户能够非常方便的了...

支持( 158 ) 盖楼(回复)

2025/11/14 00:01
龙猫阅读app是一款免费的小说阅读软件,为读者用户带来丰富的小说,实时更新最新最热门的资源供你阅读,体验免费小说随心阅读的乐趣!龙猫阅读app功能1、最丰富的资...

支持( 94 ) 盖楼(回复)

2025/11/17 05:50
新天下无双超V版是款唯美梦幻的仙侠修仙手游,超唯美细腻的修仙世界地图和副本,在这一别具匠心的修真世界,掩藏了丰富多彩精采的修真故事情节等着你去感受。游戏福利1....

支持( 50 ) 盖楼(回复)

2025/11/21 17:58
房屋管理app是一款管理房屋相关的资金管理工具。这个工具包含的功能比较多,基本的功能都有,适合房主实用,还能够进行理财操作!房屋管理app的特色1、支持登录、注...

支持( 111 ) 盖楼(回复)

2025/11/28 08:29
冲啊三国是一款鬼畜无比的手机网游,有纯粹的卡牌策略玩法,还特别不错的游戏画风,加上让我们感到精彩的游戏剧情。我们可以携手好友一起来作战,感受慢慢的诚意。冲啊三国...

支持( 112 ) 盖楼(回复)

2025/11/11 20:34
2018年日历打印版word超清晰A4打印版是2018年最新打印的a4放假表,也是现在纯word版本的2018年日历表,适合所有的用户自行下载以及编辑,非常的简...

支持( 149 ) 盖楼(回复)

2025/12/04 19:08
为用主提供超便捷的停车服务平台,小荷智慧停车app有着令人敬畏的模式和设计体验,公共停车,政务停车,立体停车等服务,预约停车,出行再也不用担心找不到停车位。功能...

支持( 154 ) 盖楼(回复)

2025/12/11 02:33
一年比一年考驾照难,很多的考生都是觉得科一难度也是加大了很多,同时也是需要一款专业的考试神器来帮助自己,可以试试最新上线的c1科目一考试题库app!产品优势专业...

支持( 36 ) 盖楼(回复)

2025/12/08 06:44
病毒猎人2020是一款非常休闲的益智游戏,我们在游戏里可以看到很多消除玩法和冒险元素,游戏的整体风格非常小清新,玩起来也非常轻松。病毒猎人2020介绍病毒猎人是...

支持( 69 ) 盖楼(回复)

2025/11/29 18:49
怪物进化手游是一款有点暗黑的模拟游戏,画同有点血腥,当发现路边上类似史莱姆的物品时,别不碰它,因为会发生一具恐怖的事件,建议18岁以下的朋友别玩。游戏特色1、这...

支持( 193 ) 盖楼(回复)

2025/11/17 18:30
桌面壁纸多多是一款集壁纸、键盘皮肤、桌面组件于一体的全能美化应用,以“海量资源+精准适配+极速更新”为核心优势,为你的手机打造独一无二的视觉风格。立即下载,解锁...

支持( 30 ) 盖楼(回复)

2025/11/18 11:58
简单好用的制作铃声和动态壁纸神器,无需连接电脑,海量铃声和壁纸资源可供选择,赶快来下载,让您的手机更具有活力~有了这款手机铃声制作神器,人人都有专属的个性手机铃...

支持( 186 ) 盖楼(回复)