宽屏扁平化建站公司模板是一款宽屏大气扁平化极简风格的建站公司网站模板。_html网站模板_网页源码移动端前端

共81个文件

jpg：35个

js：19个

css：9个

151 浏览量 2023-08-05 15:03:18 上传评论收藏 1.81MB RAR 举报

这款名为“宽屏扁平化建站公司模板”的资源是一个专为建站公司设计的HTML网站模板，它采用了现代流行的宽屏布局和扁平化设计风格，以极简主义为设计理念，旨在为用户提供一个专业且视觉效果出众的网站构建基础。在网页设计中，扁平化设计强调简洁、直观的界面，去除多余的装饰元素，使得用户可以更快速地理解和使用网站。 HTML网站模板是预先编写好的HTML、CSS和JavaScript代码集合，用于快速构建网站结构和样式。这种模板通常包括头部、导航、主体内容、侧边栏和页脚等常见页面元素，可以灵活调整以满足不同需求。在这个模板中，HTML（HyperText Markup Language）负责定义网页内容和结构，CSS（Cascading Style Sheets）则用来控制页面的样式和布局，使网站看起来美观大方。JavaScript是一种重要的客户端脚本语言，用于增加网页的交互性和动态功能，如表单验证、滑动效果、响应式设计等。扁平化设计的另一个关键特点是响应式设计，它使得网站能在不同设备上（如桌面、平板、手机）提供良好的浏览体验。在这个模板中，可能会包含媒体查询（Media Queries）来检测设备的屏幕尺寸，并相应地调整布局和样式，确保在任何屏幕上都能保持良好的可读性和可用性。此外，标签"js"和"css"提示我们，此模板可能包含了一些JavaScript库和框架，如jQuery，以简化JavaScript编程并实现复杂的动态效果。同时，CSS可能运用了预处理器如Sass或Less，它们扩展了CSS的功能，提高了代码的可维护性和复用性。预处理器允许开发者使用变量、嵌套规则、混合等功能，然后编译成标准的CSS。文件名称中的“H5”指的是HTML5，这是一种最新的HTML标准，提供了许多新的元素、API和特性，如拖放功能、离线存储、音频/视频处理、 canvas画布等，这些都可能在模板中被应用，以增强用户体验。这个宽屏扁平化建站公司模板是一个集成了HTML5、CSS3和JavaScript技术的现代网页设计资源，旨在帮助建站公司快速创建具有专业外观和良好用户体验的网站。使用这个模板，开发者可以节省大量的时间和精力，同时保证网站的设计紧跟当前的网页设计趋势。

资源推荐

资源详情

资源评论

收起资源包目录

宽屏扁平化建站公司模板是一款宽屏大气扁平化极简风格的建站公司网站模板。_html网站模板_网页源码移动端前端_H5模板.rar （81个子文件）

宽屏扁平化建站公司模板是一款宽屏大气扁平化极简风格的建站公司网站模板。

chahua3266

bootstrap.js 57KB

lib

jquery-1.10.1.min.js 91KB

jquery-1.9.0.min.js 91KB

jquery.mousewheel-3.0.6.pack.js 1KB

jquery.cycle2.min.js 22KB

jquery.cycle2.carousel.min.js 4KB

plugins

jquery.fitvids.js 3KB

jquery.easing.1.3.js 8KB

bootstrap.min.js 27KB

stickUp.min.js 3KB

jquery.cookie.js 2KB

jquery.cycle2.js 47KB

jquery.nivo.slider.pack.js 12KB

modernizr-2.6.1.min.js 15KB

modernizr.custom.js 9KB

jquery.cycle2.carousel.js 10KB

logging.js 157B

jquery-1.10.2.js 276KB

jquery-1.10.2.min.js 91KB

css

bootstrap.min.css 97KB

bootstrap-theme.css 14KB

font-awesome.css 21KB

bootstrap.css 120KB

font-awesome.min.css 17KB

bootstrap-theme.min.css 13KB

circle.css 27KB

nivo-slider.css 2KB

templatemo_style.css 16KB

index.html 39KB

images

team

member5.jpg 268KB

member1.jpg 53KB

member4.jpg 66KB

member3.jpg 60KB

member2.jpg 68KB

prev.png 2KB

grids

img6.jpg 37KB

img2.jpg 37KB

img5.jpg 46KB

img4.jpg 34KB

img1.jpg 47KB

img7.jpg 34KB

img3.jpg 44KB

img8.jpg 36KB

feed

image1.jpg 35KB

image4.jpg 21KB

image2.jpg 34KB

image5.jpg 34KB

image3.jpg 43KB

image6.jpg 33KB

quote-right.png 1KB

logo.png 4KB

partners

partner5.jpg 2KB

partner6.jpg 3KB

partner1.jpg 3KB

partner3.jpg 2KB

partner8.jpg 3KB

partner7.jpg 3KB

partner4.jpg 3KB

partner2.jpg 4KB

bgblue.jpg 4KB

quote-left.png 1KB

next.png 2KB

slider2

white.jpg 19KB

slider

img_2.jpg 86KB

loading.gif 2KB

img_1_blank.jpg 137KB

img_2_blank.jpg 64KB

img_3_blank.jpg 104KB

img_3.jpg 121KB

arrows.png 1KB

bullets.png 1KB

img_1.jpg 152KB

fonts

FontAwesome.otf 61KB

glyphicons-halflings-regular.svg 61KB

glyphicons-halflings-regular.ttf 40KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

fontawesome-webfont.eot 37KB

fontawesome-webfont.woff 43KB

fontawesome-webfont.svg 197KB

fontawesome-webfont.ttf 79KB

<!DOCTYPE html> <html> <head> <title>Powerful Template</title> <meta name="keywords" content="powerful, responsive, fluid, bootstrap, blue, white, free website template, templatemo" /> <meta name="description" content="Powerful is a responsive template based on Bootstrap. This fluid layout is ready for mobile devices and provided by templatemo for free download." /> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">  <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/font-awesome.min.css" rel="stylesheet"> <link href="css/templatemo_style.css" rel="stylesheet"> <link href="css/circle.css" rel="stylesheet"> <link href="css/jquery.bxslider.css" rel="stylesheet" /> <link rel="stylesheet" href="css/nivo-slider.css"> <link href='http://222.178.203.72:19005/whst/63/_enmsrzfnnfkdZohrzbnl//css?family=Raleway:400,100,600' rel='stylesheet' type='text/css'> <script src="js/modernizr.custom.js"></script>    </head> <body> <header> <div id="templatemo_top" class="mainTop"> <div class="container"> <div class="row"> <div class="hidden-xs hidden-sm col-md-6"> <div class="mailme"> <a href="mailto:info@company.com"><i class="fa fa-envelope"></i>info@company.com</a> </div> </div> <div class="col-sm-12 col-md-6"> <div class="socials"> <ul> <li><a href="#"><i class="fa fa-twitter soc"></i></a></li> <li><a href="#"><i class="fa fa-facebook soc"></i></a></li> <li><a href="#"><i class="fa fa-rss soc"></i></a></li> <li><a href="#"><i class="fa fa-dribbble soc"></i></a></li> <li><a href="#"><i class="fa fa-instagram soc"></i></a></li> </ul> </div> </div> </div> </div> </div>  <div id="slider" class="nivoSlider"> <a href="#"><img src="images/slider/img_1.jpg" alt="slide 1" /></a> <a href="#"><img src="images/slider/img_2.jpg" alt="slide 2" /></a> <a href="#"><img src="images/slider/img_3.jpg" alt="slide 3" /></a> </div> </header> <div class="mWrapper"> <div class="container"> <div class="row"> <div class="col-sm-4 col-md-4"> <div class="logo"> <a href="http://sc.chinaz.com/?/"><img src="images/logo.png" alt="Powerful Theme"></a> </div> </div> <div class="col-sm-8 col-md-8"> <nav class="mainMenu"> <ul class="nav"> <li><a href="#templatemo_top">Home</a></li> <li><a href="#templatemo_services">Services</a></li> <li><a href="#templatemo_portfolio">Portfolio</a></li> <li><a href="#templatemo_about">About</a></li> <li><a href="#templatemo_contact">Contact</a></li> </ul> </nav> </div> </div> </div> </div> <div id="templatemo_services" class="section1"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="secHeader"> <h1 class="text-center">Our Services</h1> <p class="text-center"><small>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Credit goes to <a href="#/plugins/nivo-slider/">NivoSlider</a>.</small></p> </div> <div class="row"> <div class="col-xs-6 col-sm-6 col-md-3"> <div class="blok text-center"> <div class="hexagon-a"> <a class="hlinktop" href="#"> <div class="hexa-a"> <div class="hcontainer-a"> <div class="vertical-align-a"> <span class="texts-a"><i class="fa fa-bell"></i></span> </div> </div> </div> </a> </div> <div class="hexagon"> <a class="hlinkbott" href="#"> <div class="hexa"> <div class="hcontainer"> <div class="vertical-align"> <span class="texts"></span> </div> </div> </div> </a> </div> <h4>Web Design</h4> <p><small>Pellentesque nec dui vel risus dignissim congue id vel diam. Vestibulum vestibulum orci at sodales tincidunt. Aliquam erat volutpat. Aliquam fringilla quis risus quis porttitor. Cras eu faucibus purus.</small></p> <a class="btn btn-primary" href="#">Read More</a> </div> </div> <div class="col-xs-6 col-sm-6 col-md-3"> <div class="blok text-center"> <div class="hexagon-a"> <a class="hlinktop" href="#"> <div class="hexa-a"> <div class="hcontainer-a"> <div class="vertical-align-a"> <span class="texts-a"><i class="fa fa-rocket"></i></span> </div> </div> </div> </a> </div> <div class="hexagon"> <a class="hlinkbott" href="#"> <div class="hexa"> <div class="hcontainer"> <div class="vertical-align"> <span class="texts"></span> </div> </div> </div> </a> </div> <h4>Pixel Perfect</h4> <p><small>Nam massa nunc, congue bibendum lectus vel, commodo blandit enim. Aenean ut sagittis nunc. Suspendisse adipiscing aliquet hendrerit. Vestibulum accumsan tortor tincidunt viverra gravida.</small></p> <a class="btn btn-primary" href="#">Read More</a> </div> </div> <div class="col-xs-6 col-sm-6 col-md-3"> <div class="blok text-center"> <div class="hexagon-a"> <a class="hlinktop" href="#"> <div class="hexa-a"> <div class="hcontainer-a"> <div class="vertical-align-a"> <span class="texts-a"><i class="fa fa-mobile-phone"></i></span> </div> </div> </div> </a> </div> <div class="hexagon"> <a class="hlinkbott" href="#"> <div class="hexa"> <div class="hcontainer"> <div class="vertical-align"> <span class="texts"></span> </div>

评论收藏

内容反馈