宽屏简洁设计企业模板_html5bootstrap响应式模板UI前端源码.rar资源-CSDN文库

共43个文件

png：20个

jpg：15个

js：3个

html5

136 浏览量 2023-08-01 14:02:10 上传评论收藏 1.38MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

宽屏简洁设计企业模板_html5 bootstrap 响应式模板UI前端源码.rar （43个子文件）

moban397

easing.js 5KB

move-top.js 1KB

jquery.min.js 92KB

css

style.css 30KB

bootstrap.css 118KB

index.html 11KB

images

sp-img.png 2KB

co.png 2KB

row.png 663B

2.jpg 34KB

inflorescence-384493_640.jpg 129KB

b.jpg 89KB

bud-167973_640.jpg 56KB

logo1.png 4KB

1-.png 255B

3.png 2KB

13.jpg 32KB

arrow.png 543B

menu.png 447B

logo.png 4KB

1.jpg 291KB

a.jpg 88KB

1.png 241B

12.jpg 53KB

5.jpg 80KB

sprite.png 4KB

6.png 214B

h.jpg 56KB

img-sprite.png 18KB

8.jpg 32KB

5.png 281B

20.jpg 359KB

4.png 2KB

11.jpg 27KB

arw.png 255B

icons.png 885B

7.png 342B

3.jpg 43KB

img.png 426B

sp.psd 15KB

2.png 2KB

4.jpg 69KB

blog.html 7KB

<!DOCTYPE html> <html> <head> <title>Home</title> <link href="css/style.css" rel="stylesheet" type="text/css" media="all" /> <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" /> <link href='http://fonts.useso.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'> <link href='http://fonts.useso.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700italic,700,900,900italic' rel='stylesheet' type='text/css'>  <script src="js/jquery.min.js"></script>   <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="Galaxy 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="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>   <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},1000); }); }); </script>  </head> <body>  <div class="header"> <div class="container"> <div class="header-part"> <div class="head-logo"> <a href="index.html"><img src="images/logo.png" alt=" "></a> </div> <div class="top-nav"> <span class="menu"><img src="images/menu.png" alt="" /></span> <ul class="nav1"> <li><a href="#home" class="scroll">Home</a></li> <li><a href="#about" class="scroll">About</a></li> <li><a href="#team" class="scroll">Team</a></li> <li><a href="#price" class="scroll">Pricing</a></li> <li><a href="#blog" class="scroll">Blog</a></li> </ul> <script> $( "span.menu" ).click(function() { $( "ul.nav1" ).slideToggle( 300, function() { // Animation complete. }); }); </script> </div> <div class="clearfix"> </div> </div> </div> </div>   <div class="banner"> <div class="container"> <div class="banner-info"> <h2>NEW BRANDING STYLE</h2> <p>see our new graphic design collection</p> <div class="more"> <a href="#">Learn More</a> </div> </div> </div> </div>   <div class="banner-bottom"> <div class="container"> <div class="banner-bottom-left"> <div class="fig"> </div> <h3>Web Design</h3> <p>Lorem ipsum dolor sit amet<span> est oben dis</span></p> </div> <div class="banner-bottom-left banner-bottom-mid"> <div class="fig1"> </div> <h3>Graphic Design</h3> <p>Lorem ipsum dolor sit amet<span> est oben dis</span></p> </div> <div class="banner-bottom-left"> <div class="fig2"> </div> <h3>Photography</h3> <p>Lorem ipsum dolor sit amet<span> est oben dis</span></p> </div> <div class="clearfix"> </div> <div class="banner-bottom-text"> <p>"I Want to make beautiful things,even if nobody cares, <span>as opposed to ugly things.That's my intent."</span></p> </div> <div class="banner-bottom-grids"> <div class="banner-bottom-grid"> <img src="images/8.jpg" alt=" " /> <h3>Cool image</h3> <p>Galaxy Corp.</p> </div> <div class="banner-bottom-grid grid-mid"> <img src="images/3.jpg" alt=" " /> <h3>Great Picture</h3> <p>Galaxy Corp.</p> </div> <div class="banner-bottom-grid"> <img src="images/2.jpg" alt=" " /> <h3>Cool image</h3> <p>Galaxy Corp.</p> </div> <div class="clearfix"> </div> </div> </div> </div>   <div id="about" class="team"> <div class="container"> <h4>About us</h4> <div class="group"> <img src="images/h.jpg" alt=" " /> </div> <div class="group-text"> <h3> Praesent vestibulum molestie lacus</h3> <p>Molestie sollicitudin molestie malesuada. Curabitur aliquet quam id dui posuere dit. Donec sollicitudin molestie malesuada. Lorem ipsum dolor sit amet, consecteturs. Aliquam dapibus tincidunt metus. Praesent justo dolor, lobortis quis, lobortis dignissim, pulvinar ac, lorem. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio. Morbi…</p> </div> <div class="clearfix"> </div> </div> </div> <div id="team" class="about"> <div class="container"> <div class="about-us"> <h2>Team</h2> <p>Donec sollicitudin molestie malesuada. Nulla quis lorem ut libero mal suada <span>feugiat. Curabitur aliquet quamuis lorem</span></p> </div> <div class="about-grids"> <div class="about-grid"> <img src="images/12.jpg" alt=" " /> <div class="about-grid-john"> <div class="john"> <h4>Mr.John Doe</h4> <p>Creative Director</p> </div> <div class="social-icons"> <ul> <li><a href class="facebook"> </a></li> <li><a href class="twitter"> </a></li> </ul> </div> <div class="clearfix"> </div> <p class="para">Donec sollicitudin molestie male suada. Curabitur aliquet quam id dui posuere blandit. Donec sollicitudin molestie malesuada.</p> <div class="hello"> <a href="#">Say Hello</a> </div> </div> </div> <div class="about-grid about-mid"> <img src="images/13.jpg" alt=" " /> <div class="about-grid-john"> <div class="john"> <h4>Mr.John Doe</h4> <p>Creative Director</p> </div> <div class="social-icons"> <ul> <li><a href class="facebook"> </a></li> <li><a href class="twitter"> </a></li> </ul> </div> <div class="clearfix"> </div> <p class="para">Donec sollicitudin molestie male suada. Curabitur aliquet quam id dui posuere blandit. Donec sollicitudin molestie malesuada.</p> <div class="hello"> <a href="#">Say Hello</a> </div> </div> </div> <div class="about-grid"> <img src="images/11.jpg" alt=" " /> <div class="about-grid-john"> <div class="john"> <h4>Mr.John Doe</h4> <p>Creative Director</p> </div> <div class="social-icons"> <ul> <li><a href class="facebook"> </a></li> <li><a href class="twitter"> </a></li> </ul> </div> <div class="clearfix"> </div> <p class="para">Donec sollicitudin molestie male suada. Curabitur aliquet quam id dui posuere blandit. Donec sollicitudin molestie malesuada.</p> <div class="hello"> <a href="#">Say Hello</a> </div> </div> </div> <div class="clearfix"> </div> </div> </div> </div>   <div id="price" class="pricing"> <div class="container"> <div class="price"> <h2>Pricing</h2> <p>Donec sollicitudin molestie malesuada. Nulla quis lorem ut libero mal suada <span>feugiat. Curabitur aliquet quam uis lorem</span></p> </div> <div class="basic"> <div class="business"> <h2>Basic</h2> <p>Best f

评论收藏

内容反馈