扁平设计公司单页模板是一款HTML模板，适合设计公司类网站模板下载.rar资源-CSDN文库

共27个文件

jpg：7个

js：6个

png：4个

版权申诉

11 浏览量 2022-11-20 09:27:25 上传评论收藏 281KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

扁平设计公司单页模板是一款HTML模板，适合设计公司类网站模板下载。.rar （27个子文件）

扁平设计公司单页模板是一款HTML模板，适合设计公司类网站模板下载。

moban713

css

bootstrap.css 118KB

chocolat.css 2KB

style.css 35KB

images

g5.jpg 35KB

rightw.gif 67B

leftw.gif 68B

g1.jpg 13KB

cycle.png 10KB

nav.png 3KB

down.png 925B

g4.jpg 41KB

move-top.png 3KB

g6.jpg 31KB

ab.jpg 53KB

g3.jpg 29KB

g2.jpg 26KB

closew.gif 70B

fonts

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.woff2 18KB

glyphicons-halflings-regular.eot 20KB

index.html 15KB

move-top.js 1KB

easing.js 5KB

jquery-1.11.1.min.js 94KB

jquery.chocolat.js 10KB

circles.js 7KB

menu_jquery.js 1KB

<!DOCTYPE HTML> <html> <head> <title>Home</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="Personale Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" /> <script type="applijegleryion/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> <link href="css/bootstrap.css" rel='stylesheet' type='text/css' />  <link href="css/style.css" rel='stylesheet' type='text/css' /> <script src="js/jquery-1.11.1.min.js"></script>  <link href='#css?family=Candal|Raleway:500,600,400' rel='stylesheet' type='text/css'>  <script type="text/javascript" src="js/move-top.js"></script> <script type="text/javascript" src="js/easing.js"></script>  <script type="text/javascript"> jQuery(document).ready(function($) { $(".scroll").click(function(event){ event.preventDefault(); $('html,body').animate({scrollTop:$(this.hash).offset().top},900); }); }); </script> </head> <body>  <ul class="side_nav"> <li><a class="active scroll" href="#home"></a></li> <li><a class="scroll" href="#about"></a></li> <li><a class="scroll" href="#experience"></a></li> <li><a class="scroll" href="#skill"></a></li> <li><a class="scroll" href="#project"></a></li> <li><a class="scroll" href="#port"></a></li> <li><a class="scroll" href="#contact"></a></li> </ul> <div class="banner" id="home"> <div class="header-top"> <div class="container">  <span class="menu"> </span> <div class="top-menu"> <nav> <ul class="cl-effect-16"> <li><a class="active scroll" href="#home" data-hover="Home">Home</a></li> <li><a class="scroll" href="#about" data-hover="About">About</a></li> <li><a class="scroll" href="#experience" data-hover="experience">experience</a></li> <li><a class="scroll" href="#skill" data-hover="Skills">Skills</a></li> <li><a class="scroll" href="#project" data-hover="Projects">Projects</a></li> <li><a class="scroll" href="#port" data-hover="Portfolio">Portfolio</a></li> <li><a class="scroll" href="#contact" data-hover="Contact">Contact</a></li> <div class="clearfix"></div> </ul> </nav> </div> <div class="login-pop"> <div id="loginpop"><a href="#" id="loginButton"><span>Login <i class="arrow glyphicon glyphicon-chevron-right"></i></span></a> <div id="loginBox"> <form id="loginForm"> <fieldset id="body"> <fieldset> <label for="email">Email Address</label> <input type="text" name="email" id="email"> </fieldset> <fieldset> <label for="password">Password</label> <input type="password" name="password" id="password"> </fieldset> <input type="submit" id="login" value="Sign in"> <label for="checkbox"><input type="checkbox" id="checkbox"> <i>Remember me</i></label> </fieldset> <span><a href="#">Forgot your password?</a></span> </form> </div> </div> </div><script src="js/menu_jquery.js"></script>  <script> $("span.menu").click(function(){ $(".top-menu ul").slideToggle("slow" , function(){ }); }); </script>  <div class="clearfix"></div>  </div> </div>  <div class="container">  <div class="banner-info"> <div class="logo"> <a href="index.html"><h1>Personale </h1></a> </div> <p> Donec rhoncus bibendum tempor.Lorem Ipsum Maecenas tristique orci ac sem.<lable> Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsumipsum dolor sit amet,</lable> consectetuer dolor sit.</p> <div class="scroll-down"> <h4>SCROLL DOWN</h4> <a class="downarrow scroll" href="#about"><span></span></a> </div> </div> </div> </div>  <div class="about" id="about"> <div class="container"> <h3 class="tittle">About Me</h3> <div class="col-md-5 ab-grid pic"> <img src="images/ab.jpg" alt=" " title="ab"> </div> <div class="col-md-7 ab-grid text"> <h4>I am jessica, I live in Newyork. I am WP Theme Developer, UI/UX Developer, Internet Consultant.</h4> <p>We are a professional Software comapny with the best talent and most modern technology for online solutions & focused on providing clients with effective online marketing solutions.</p> <p>We focused on providing clients with effective online marketing solutions.</p> <p>I know 4 languages. Working on this field for 5+ years and got many design awards.</p> </div> <div class="clearfix"> </div> </div> </div>   <div class="experience" id="experience"> <div class="container"> <h3 class="tittle four">Education & Experience</h3> <div class="experience-main"> <span class="devide-line"></span> <div class="experience-left"> <span class="glyphicon glyphicon-book" aria-hidden="true"></span> <h4>MASTER OF FINE ARTS</h4> <h5>DESIGN UNIVERSITY [ 2011 - 2013 ]</h5> <p>Sed a tortor sed ipsum porta iaculis id eget massa. Quisque imperdiet urna sed lorem facilisis, id imperdiet magna dignissim. Maecenas quis dui at magna ullamcorper suscipit. In malesuada, massa at semper fermentum, metus eros imperdiet justo</p> </div> <div class="experience-left-snd"> <span class="glyphicon glyphicon-briefcase" aria-hidden="true"></span> </div> <div class="experience-right-snd"> <h4>DESIGN CORPORATION</h4> <h5>UX DEVELOPER [ 2013 - 2014 ]</h5> <p>Lorem ipsum dolor sit amet, rebum dolore labores cu pri. Ferri iudico scripta ut eam, diceret euismod gubergren has eu, an quo tale vivendum. Ad quidam gubergren vituperatoribus sit. Ius etiam nemore consulatu ne, at meliore explicari conceptam qui.</p> </div> <div class="experience-left-trd"> <span class="glyphicon glyphicon-gift" aria-hidden="true"></span> <h4>CREATIVE DESIGN STUDIO</h4> <h5>UX DEVELOPER [ 2016 - 2018 ]</h5> <p>Morbi porta eros diam, vel dictum mauris tristique cursus. Curabitur at feugiat nulla. Morbi facilisis vulputate ligula non dignissim. Nunc sagittis non tellus eu hendrerit. Aenean quis enim tristique, lobortis ligula non, sollicitudin tortor.</p> </div> <div class="clearfix"> </div> </div> </div> </div>   <div class="my-skills text-center" id="skill"> <div class="container"> <h3 class="tittle">My Skills</h3> <div class="skill-grids"> <div class="col-md-2 skills-grid text-center"> <div class="circle" id="circles-1"></div> <p>Photoshop</p> </div> <div class="col-md-2 skills-grid text-center"> <div class="circle" id="circles-2"></div> <p>Illustrator</p> </div> <div class="col-md-2 skills-grid text-center"> <div class="circle" id="circles-3"></div> <p>Photography</p> </div> <div class="col-md-2 skills-grid text-center"> <div class="circle" id="circles-4"></div> <p>Html 5 / CSS 3</p

评论收藏

内容反馈

版权申诉