<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<title>Terrain a Real Estates and Builders Category Flat bootstrap Responsive website Template | Typography :: w3layouts</title>
<!--mobile apps-->
<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="Terrain Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- fonts -->
<link href='//fonts.googleapis.com/css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Titillium+Web:400,200,300,600,700,900' rel='stylesheet' type='text/css'>
<!--link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.2/css/font-awesome.min.css" media="all" rel="stylesheet" type="text/css"-->
<!-- /fonts -->
<!-- css files -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/typo.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/pricetable.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/main.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/pogo-slider.min.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- /css files -->
<!-- js files -->
<script src="js/modernizr.js"></script>
<!-- /js files -->
</head>
<body id="myPage" data-spy="scroll" data-target=".navbar" data-offset="60">
<section class="top-w3ls">
<!-- top bar -->
<div class="top-bar">
<div class="container">
<div class="row">
<div class="col-lg-7 col-md-7 top-w3ls1">
<p class="top-p1">Lorem Ipsum is simply dummy text.</p>
</div>
<div class="col-lg-5 col-md-5 top-w3ls2">
<ul class="top-contacts">
<li class="top-hover"><p><span class="glyphicon glyphicon-envelope"></span> <a href="mailto:support@company.com">support@company.com</a></p>
<li class="top-unhover"><p><span class="glyphicon glyphicon-phone-alt"></span> +1 515 151515</p>
</ul>
</div>
</div>
</div>
</div>
<!-- /top bar -->
<!-- navigation -->
<div class="navbar-wrapper">
<div class="container">
<nav class="navbar navbar-inverse navbar-static-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"><h1>Terrain</h1></a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="service.html">Services</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="blog.html">Blog</a></li>
<li class="active"><a href="typo.html">Typography</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</nav>
<div class="search-box">
<div id="sb-search" class="sb-search">
<form action="#" method="post">
<input class="sb-search-input" placeholder="Enter your search term..." type="search" name="search" id="search">
<input class="sb-search-submit" type="submit" value="">
<span class="sb-icon-search"> </span>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- /navigation -->
<!-- inner pages banner section -->
<section class="banner-inner">
</section>
<!-- /inner pages banner section -->
<!-- inner headers -->
<section class="inner-header">
<div class="container">
<!-- Page Heading/Breadcrumbs -->
<div class="row">
<div class="col-lg-12">
<h2 class="page-header">Typography</h2>
<ol class="breadcrumb">
<li><a href="index.html">Home</a>
</li>
<li class="active">Typography</li>
</ol>
</div>
</div>
<!-- /.row -->
</div>
</section>
<!-- /inner headers -->
<div class="typography">
<!-- container-wrap -->
<div class="container">
<div class="grid_3 grid_4">
<h3 class="hdg w3layouts w3 w3l w3ls">Headings</h3>
<div class="bs-example">
<table class="table">
<tbody>
<tr>
<td><h1 id="h1.-bootstrap-heading">h1. Bootstrap heading<a class="anchorjs-link" href="#h1.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h1></td>
<td class="type-info"><h1>Semibold 36px</h1></td>
</tr>
<tr>
<td><h2 id="h2.-bootstrap-heading">h2. Bootstrap heading<a class="anchorjs-link" href="#h2.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h2></td>
<td class="type-info"><h2>Semibold 30px</h2></td>
</tr>
<tr>
<td><h3 id="h3.-bootstrap-heading">h3. Bootstrap heading<a class="anchorjs-link" href="#h3.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h3></td>
<td class="type-info"><h3>Semibold 24px</h3></td>
</tr>
<tr>
<td><h4 id="h4.-bootstrap-heading">h4. Bootstrap heading<a class="anchorjs-link" href="#h4.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h4></td>
<td class="type-info"><h4>Semibold 18px</h4></td>
</tr>
<tr>
<td><h5 id="h5.-bootstrap-heading">h5. Bootstrap heading<a class="anchorjs-link" href="#h5.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h5></td>
<td class="type-info"><h5>Semibold 14px</h5></td>
</tr>
<tr>
<td><h6>h6. Bootstrap heading</h6></td>
<td class="type-info"><h6>Semibold 12px</h6></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="grid_3 grid_5">
<h3 class="hdg w3layouts w3 w3l w3ls">Buttons</h3>
<h1>
<a href="#"><span class="label label-default">Default</span></a>
<a href="#"><span class="label label-primary">Primary</span></a>
<a href="#"><span class="label label-success">Success</span></a>
<a href="#"><span class="label label-info">Info</span></a>
<a href="#"><span class="label label-warning">Warning</span></a>
<a href="#"><span class="label label-danger">Danger</span></a>
</h1>
<h2>
<a href="#"><span class="label label-default">Default</span></a>
<a href="#"><span class="label label-primary">Primary</span></a>
<a href="#"><span class="label label-success">Success</span></a>
<a href="#"><span class="label label-info">Info</span></a>
<a href="#"><span class="label label-warning">Warning</span></a>
<a href="#"><span class="label label-danger">Danger</span></a>
</h2>
<h3>
<a href="#"><span class="label label-default">Default</span></a>
<a href="#"><span class="label label-primary">Primary</span></a>
<a href="#"><span class="label label-success">Success</span></a>
<a href="#"><span class="label label-info"
没有合适的资源?快使用搜索试试~ 我知道了~
网站模板-商务企业展示响应式网站模板-适配移动端界面-HTML源码.zip
共79个文件
jpg:31个
js:16个
png:8个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 87 浏览量
2024-03-24
15:04:08
上传
评论
收藏 2.55MB ZIP 举报
温馨提示
这套HTML源代码文件是一个完整的网页模板,适用于各种类型的网站。它采用了最新的HTML5和CSS3技术,具有响应式设计,能够适应不同设备的屏幕尺寸。此外,它还包含了丰富的JavaScript插件,可以实现各种复杂的交互效果。这套源代码文件还具有高度的可定制性。您可以根据自己的需求对页面进行布局调整、颜色更改以及内容替换,轻松打造出符合您项目风格的网站。同时,我们的代码结构清晰、注释详细,方便您学习和理解HTML、CSS和JavaScript等前端技术。您可能面临着课程设计、毕业设计等挑战。这套源代码文件将成为您的得力助手,帮助您展示自己的才华和技能。通过使用这套源代码文件,您可以轻松地完成网站搭建任务,为您的课程设计或毕业设计增添亮点。总的来说,这套HTML源代码文件是一个高效、实用、易用的工具,无论你是专业的网页设计师,还是业余的编程爱好者,都值得拥有。
资源推荐
资源详情
资源评论
收起资源包目录
网站模板-商务企业展示响应式网站模板-适配移动端界面-HTML源码.zip (79个子文件)
网站模板-商务企业展示响应式网站模板-适配移动端界面-HTML源码
html
blog-post.html 15KB
typo.html 34KB
portfolio.html 14KB
js
top.js 879B
jQuery.lightninBox.js 11KB
jquery.magnific-popup.js 45KB
pricetable.js 3KB
bootstrap.min.js 36KB
jquery.pogo-slider.min.js 27KB
SmoothScroll.min.js 6KB
info.js 45B
contact_me.js 3KB
main.js 907B
wmBox.js 666B
modernizr.js 15KB
uisearch.js 6KB
jqBootstrapValidation.js 35KB
classie.js 2KB
jquery.min.js 94KB
service.html 18KB
css
style.css 80KB
bootstrap.min.css 118KB
main.css 1KB
pricetable.css 25KB
pogo-slider.min.css 34KB
jQuery.lightninBox.css 5KB
font-awesome.min.css 28KB
typo.css 5KB
index.html 27KB
contact.html 13KB
about.html 15KB
images
banner-inner.jpg 273KB
about-img.jpg 87KB
portfolio-img3.jpg 39KB
cust-img5.jpg 21KB
team-img2.jpg 41KB
cd-top-arrow.svg 562B
cust-img6.jpg 26KB
prev.png 3KB
arrow.png 369B
blogpost-img.jpg 60KB
portfolio-img1.jpg 42KB
banner4.jpg 168KB
mail.png 562B
service-img.jpg 70KB
comment-img3.jpg 15KB
blog-img3.jpg 59KB
cust-img2.jpg 34KB
team-img3.jpg 21KB
banner3.jpg 230KB
next.png 3KB
cust-img3.jpg 26KB
search.png 3KB
blog-img4.jpg 43KB
team-img4.jpg 20KB
cust-img4.jpg 33KB
banner1.jpg 144KB
calender.png 697B
comment-img1.jpg 14KB
close.png 4KB
blog-img2.jpg 47KB
portfolio-img5.jpg 54KB
team-img1.jpg 23KB
info-img.jpg 73KB
portfolio-img2.jpg 91KB
comment-img2.jpg 13KB
banner2.jpg 233KB
blog-img1.jpg 52KB
icon.png 6KB
cust-img1.jpg 21KB
loader.gif 1KB
portfolio-img4.jpg 50KB
blog.html 13KB
fonts
glyphicons-halflings-regular.ttf 44KB
glyphicons-halflings-regular.woff 23KB
glyphicons-halflings-regular.woff2 18KB
fontawesome-webfont.woff 88KB
fontawesome-webfont.woff2 70KB
fontawesome-webfont.ttf 149KB
共 79 条
- 1
资源评论
DTcode7
- 粉丝: 9572
- 资源: 4695
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- fdsfdsfdsfdsfdsfdsfdsfds
- 目标检测-零售食品LOGO检测数据集-5000张图-+对应VOC-COCO-YOLO三种格式标签+数据集划分脚本
- 目标检测-零售食品LOGO检测数据集-1000张图-+对应VOC-COCO-YOLO三种格式标签+数据集划分脚本
- 计算机科学选修课:人工智能导论 第四节 PPT
- 计算机科学选修课:人工智能导论 第三节 PPT
- Delphi 12 控件之LMD.VCL.Full.Version.zip
- 常用阀门定位器的调试步骤及说明
- 计算机科学选修课:人工智能导论 第二节 PPT
- 计算机科学选修课:人工智能导论 第一章 PPT
- Delphi 12 控件Indy-Indy-10.6.3.3.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功