大气商务公司网站模板是一款好看的大气风格设计公司单页模板。_html网站模板_网页源码移动端前端_H5模板

共47个文件

png：30个

jpg：9个

js：5个

153 浏览量 2023-08-05 16:34:55 上传评论收藏 550KB RAR 举报

这款名为“大气商务公司网站模板”的资源是一款专为商务公司设计的HTML网站模板，它具有大气、时尚的外观，特别适合那些希望展示专业形象和优质服务的公司使用。这款模板采用了单页布局，将所有重要信息集中在一页上，提供流畅且直观的用户体验。 HTML网站模板是基于HTML（超文本标记语言）构建的网页设计框架，它是网页的基础结构，负责定义页面内容的结构和样式。这款模板很可能还结合了CSS（层叠样式表）和JavaScript技术，使得设计更加丰富和动态。 CSS是用于控制网页外观和布局的样式语言，它可以改变字体、颜色、间距等视觉元素，使得网站模板呈现出一致的设计风格和品牌调性。在这款大气商务公司模板中，CSS可能被用来创建响应式设计，使网站能够在不同设备（如桌面、平板、手机）上自适应显示，确保用户在任何环境下都能获得良好的浏览体验。 JavaScript是一种客户端脚本语言，它增强了网页的交互性和功能，例如动画效果、表单验证、滑动面板等。在这款模板中，JavaScript可能被用来实现一些高级交互，如导航菜单的动态展开、图片轮播、滚动特效等，提升网站的用户参与度。此外，H5（HTML5）是HTML的最新版本，引入了许多新特性，如本地存储、拖放功能、媒体元素、离线缓存等，这些都可能在这款模板中得到应用，以提高网站的性能和用户体验。这个压缩包中包含的文件很可能是HTML文件、CSS文件、JavaScript文件以及可能的图像和其他资源文件，它们共同构成了这个完整的设计公司网站模板。开发者或网站管理员可以通过修改这些文件来定制自己的网站内容，以符合公司的特定需求和品牌形象。这款“大气商务公司网站模板”提供了企业展示其业务、服务和成就的一个高效平台，通过合理的布局、美观的设计和强大的技术支撑，能够帮助公司在互联网上树立专业且有吸引力的在线形象。无论是对于初创公司还是已有一定规模的企业，都是一个值得考虑的网站解决方案。

资源推荐

资源详情

资源评论

收起资源包目录

大气商务公司网站模板是一款好看的大气风格设计公司单页模板。_html网站模板_网页源码移动端前端_H5模板_自适应响应.rar （47个子文件）

大气商务公司网站模板是一款好看的大气风格设计公司单页模板。

moban176

responsiveslides.min.js 3KB

easing.js 5KB

move-top.js 1KB

modernizr.custom.js 8KB

jquery.min.js 92KB

css

style.css 35KB

bootstrap.css 118KB

index.html 26KB

images

left-arrow.png 902B

company5.png 2KB

phone1.jpg 37KB

line1.png 160B

mobile.png 532B

company4.png 7KB

up-arrow.png 684B

themes.png 1KB

card.jpg 24KB

company7.png 4KB

flogo.png 2KB

company6.png 3KB

sr-bottom.jpg 35KB

arrow.png 295B

device.png 156KB

logo.png 2KB

dimond.jpg 18KB

com.png 28KB

arrowhr.png 308B

social-icons.png 4KB

red-hart.png 485B

company3.png 3KB

snow.jpg 25KB

social-iconshr.png 4KB

right-arrow.png 880B

bg.jpg 81KB

setting.png 1KB

hr.png 1KB

link.png 2KB

tag.jpg 41KB

phone.jpg 31KB

white.png 548B

red.png 689B

food.jpg 37KB

lamp.png 1KB

msg.png 521B

hart.png 920B

company2.png 3KB

company1.png 5KB

<!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='#css?family=Raleway:400,100,200,300,500,600,700,800,900' rel='stylesheet' type='text/css'>   <script src="js/jquery.min.js"></script> <script src="js/modernizr.custom.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <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 id="home" class="head-bg"> <div class="header">  <div class="container"> <div class="header-logo"> <a href="#"><img src="images/logo.png" alt="" /></a> </div> <div class="top-nav"> <span class="menu">MENU</span> <ul class="nav1"> <li><a href="#home" class="scroll">Home</a></li> <li><a href="#services" class="scroll">Services</a></li> <li><a href="#about" class="scroll">About</a></li> <li><a href="#portfolio" class="scroll">Portfolio</a></li> <li><a href="#blog" class="scroll">Blog</a></li> <li><a href="#testimonials" class="scroll">Testimonials</a></li> <li><a href="mailto:info@example.com"><img src="images/msg.png" alt="" /></a></li> </ul>  <script> $( "span.menu" ).click(function() { $( "ul.nav1" ).slideToggle( 300, function() { // Animation complete. }); }); </script>  </div> <div class="clearfix"> </div> </div>  </div> <div class="container">  <script src="js/responsiveslides.min.js"></script> <script> // You can also use "$(window).load(function() {" $(function () { // Slideshow 4 $("#slider3").responsiveSlides({ auto: true, pager: false, nav: true, speed: 500, namespace: "callbacks", before: function () { $('.events').append("<li>before event fired.</li>"); }, after: function () { $('.events').append("<li>after event fired.</li>"); } }); }); </script>  <div id="top" class="callbacks_container"> <ul class="rslides" id="slider3"> <li> <div class="head-info"> <h1>Creative Agency <span>For Your Design Needs</span></h1> <p>Web Development - IOS Developer - Internet Marketer - Your Freelance</p> <button class="button btn-1 btn-1e">Read More </button> </div> </li> <li> <div class="head-info"> <h1>Develope Premium <span>For Your Business Needs</span></h1> <p>Web Development - IOS Developer - Internet Marketer - Your Freelance</p> <button class="button btn-1 btn-1e">Read More </button> </div> </li> <li> <div class="head-info"> <h1>People Behind <span>To deliver quality output</span></h1> <p>Web Development - IOS Developer - Internet Marketer - Your Freelance</p> <button class="button btn-1 btn-1e">Read More</button> </div> </li> </ul> </div> </div> </div>   <div id="about" class="agency"> <div class="agency-left"> <h2>i<span>Freelancer</span> Agency</h2> <h4>We Develope <span>Premium</span> & Mobile <span>Responsive</span> website template for any type of Pusiness! </h4> <p>Nulla sit amet mi sed metus venenatis commodo vitae vel magna. Aenean auctor, dolor dignissim congue. Nulla sit amet mi sed metus venenatis commodo vitae vel magna. Aenean auctor, dolor dignissim congue Nulla sit amet mi sed metus venenatis commodo vitae vel magna. Aenean auctor, dolor dignissim congue. </p> <p> Aenean auctor, dolor dignissim congue. Nulla sit amet mi sed metus venenatis commodo vitae vel magna.</p> <button class="button-red">More About Us </button> </div> <div class="agency-right"> <img src="images/device.png" alt="" /> </div> <div class="clearfix"> </div> </div>   <div id="services" class="services">  <div class="container"> <div class="services-info"> <h3>Our <span>Services</span></h3> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> </div> <div class="services-grids"> <div class="service-grid"> <div class="service-grid-bg"> <div class="service-grid-text"> <img src="images/mobile.png" alt="" /> <div class="border"> </div> <h5>Retina ready & Responsive</h5> <p>Design is a response to a specific problem.</p> </div> </div> </div> <div class="service-grid"> <div class="service-grid-bg red"> <div class="service-grid-text"> <img src="images/setting.png" alt="" /> <div class="border"> </div> <h5>fully customizable</h5> <p>Design is a response to a specific problem.</p> </div> </div> </div> <div class="service-grid"> <div class="service-grid-bg"> <div class="service-grid-text"> <img src="images/hart.png" alt="" /> <div class="border"> </div> <h5>Built With Love</h5> <p>Design is a response to a specific problem.</p> </div> </div> </div> <div class="service-grid"> <div class="service-grid-bg red"> <div class="service-grid-text"> <img src="images/lamp.png" alt="" /> <div class="border"> </div> <h5>Great Technical Support</h5> <p>Design is a response to a specific problem.</p> </div> </div> </div> <div class="clearfix"> </div> </div> </div>  </div>   <div class="services-bottom"> <script> // You can also use "$(window).load(function() {" $(function () { // Slideshow 4 $("#slider4").responsiveSlides({ auto: true, pager: true, nav: false, speed: 500, namespace: "callbacks", before: function () { $('.events').append("<li>before event fired.</li>"); }, after: function () { $('.events').append("<li>after event fired.</li>"); } }); }); </script> <div id="top" class="callbacks_container"> <ul class="rslides" id="slider4"> <li> <div class="services-bottom-text"> <h3>"People Behind <span>iFreelancer</span> are advanced art enthusiasts, cleaver in shaping and type of design you need."</h3> <div class="sub-text"> <span class="line"></span>

评论收藏

内容反馈