<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="">
<meta name="keywords" content="">
<title>Practical-Pesronal Injury Lawyer HTML Website Template - Styleguide Page </title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Style CSS -->
<link href="css/style.css" rel="stylesheet">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7cNoto+Serif:400,400i,700,700i" rel="stylesheet">
<!-- FontAwesome CSS -->
<link href="web-fonts-with-css/css/fontawesome-all.css" rel="stylesheet">
<link rel="stylesheet" href="css/aos.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- header-section-->
<div class="header-wrapper">
<div class="top-header">
<div class="container-fluid">
<div class="row">
<div class="col-xl-4 col-lg-3 col-md-4 col-sm-12 col-12">
<div class="header-quick-info">
<span><a href="#" class="header-quick-info-text">English</a></span>
<span><a href="#" class="header-quick-info-text">Polski</a></span>
<span><a href="#" class="header-quick-info-text">Espanol</a></span>
</div>
</div>
<div class="col-xl-8 col-lg-9 col-md-8 col-sm-6 col-6 text-right d-none d-xl-block d-lg-block d-md-block">
<div class="header-quick-info">
<span class="header-quick-info-text">4220 Charles Street Detroit, MI 48226</span>
<span class="header-quick-info-text">Call today for a Free Consultation<span class="text-white"> 123.456.7890</span></span>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-xl-5 col-lg-3 col-md-12 col-sm-12 col-12">
<div class="logo"> <a href="index.html"><img src="./images/logo.png" alt=""> </a> </div>
</div>
<div class="col-xl-7 col-lg-9 col-md-12 col-sm-12 col-12">
<!-- navigations-->
<div class="navigation">
<div id="navigation">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li class="active"><a href="about.html">about</a></li>
<li class="active"><a href="team-list.html">Our Attorneys</a></li>
<li class="has-sub"><a href="#">What we do</a>
<ul>
<li><a href="service-list.html">service List</a></li>
<li><a href="service-single.html">service Single</a></li>
</ul>
</li>
<li class="has-sub"><a href="#">Blog</a>
<ul>
<li><a href="blog-default.html">Blog Default</a></li>
<li><a href="blog-single.html">Blog Single</a></li>
</ul>
</li>
<li class="has-sub"><a href="#">Pages</a>
<ul>
<li><a href="testimonial.html">Testimonials</a></li>
<li><a href="results-page.html">Results</a></li>
<li><a href="error-page.html">404 page</a> </li>
<li><a href="accordions.html">Accordions</a></li>
<li><a href="alerts.html">Alerts</a></li>
<li><a href="tab.html">Tab</a></li>
<li><a href="styleguide.html">Styleguide</a> </li>
</ul>
</li>
<li><a href="contact-us.html">Contact</a></li>
</ul>
</div>
</div>
<!-- /.navigations-->
</div>
</div>
</div>
</div>
<!-- /. header-section-->
<!-- page-header -->
<div class="page-header">
<div class="container">
<div class="row">
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
<div data-aos="fade-up" class="page-caption">
<h1 class="page-title">Styleguide</h1>
</div>
</div>
</div>
</div>
</div>
<!-- /.page-header-->
<!-- styleguide -->
<div class="content">
<div class="container">
<div data-aos="fade-up">
<div class="row">
<div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12">
<h2 class="mb30">01 Typography</h2>
</div>
<div class="col-xl-8 col-lg-8 col-md-12 col-sm-12 col-12">
<h2 class="mb30">Fonts</h2>
<div class="row">
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12 mb30">
<p>For Heading</p>
<h3 class="mt20">Montserrat</h3>
</div>
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12 mb30">
<p>For Base</p>
<h3 class="mt20">Noto Serif</h3>
</div>
</div>
<h2 class="mb30">Typeface</h2>
<h1>H1 - Heading Title - 36px</h1>
<h2>H2 - Heading Title - 26px</h2>
<h3>H3 - Heading Title - 22px</h3>
<h4>H4 - Heading Title - 20px</h4>
<h5>H5 - Heading Title - 16px</h5>
<h6>H6 - Heading Title - 12px</h6>
<br>
<h2>Body Copy</h2>
<p class="mb40">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lacus imperdiet, cursus erat vitae, dictum onsectetur adipiscing elit. Fusce eu lacus impsus erat vitae, dictum nusmod sed nunc. Proin vel rhoncus maurisuisque mattism ipsum dolor sit rdiet, cursd nunc. </p>
<h3>Lead</h3>
<p class="lead mb40">Consectetur adipiscing elit. Fusce eu lacus imperdiet, cursus erat vitae, dictum is et euismod sedroin vel rhoncus muisque mattis dictum etiarem ipsum dolor sit amet nuncroin vel rhoncus maurisuisque mattism.</p>
<h3>Dropcap</h3>
<p class="mb40"><span class="firstcharacter">D</span>ropcap adipiscing elit. Fusce eu lacus imperdiet, cursus erat vit
企业级网站源码-企业商务管理咨询网站模板-响应式适配移动端.zip
版权申诉
15 浏览量
2024-03-20
10:17:10
上传
评论
收藏 2.6MB ZIP 举报
企业级网站源码-企业商务管理咨询网站模板-响应式适配移动端.zip （137个子文件） 
bootstrap.css 174KB bootstrap.min.css 141KB style.css 54KB fontawesome-all.css 45KB fontawesome.css 43KB fontawesome-all.min.css 36KB fontawesome.min.css 35KB aos.css 27KB owl.carousel.css 4KB owl.theme.default.css 1KB fa-regular.css 705B fa-solid.css 698B fa-brands.css 686B fa-regular.min.css 650B fa-solid.min.css 642B fa-brands.min.css 632B fa-solid-900.eot 112KB fa-brands-400.eot 97KB fa-regular-400.eot 30KB glyphicons-halflings-regular.eot 20KB
styleguide.html 34KB blog-single.html 31KB index.html 29KB blog-default.html 23KB team-list.html 19KB contact-us.html 19KB about.html 18KB service-single.html 17KB testimonial.html 16KB accordions.html 16KB service-list.html 16KB results-page.html 16KB tab.html 15KB alerts.html 12KB error-page.html 10KB
about_img_2.jpg 172KB slider_3.jpg 103KB slider_2.jpg 101KB slider_1.jpg 69KB page_header.jpg 43KB service_img_big.jpg 41KB post_pageheader.jpg 28KB post_img_3.jpg 19KB post_img_2.jpg 15KB service_img_5.jpg 14KB service_img_3.jpg 13KB service_img_6.jpg 13KB post_img_1.jpg 12KB service_img_1.jpg 11KB attorney_img.jpg 11KB post_img_4.jpg 10KB service_img_4.jpg 9KB team_img_1.jpg 8KB service_img_2.jpg 8KB team_img_2.jpg 7KB team_img_7.jpg 7KB team_img_8.jpg 7KB team_img_5.jpg 7KB team_img_3.jpg 7KB team_img_6.jpg 6KB team_img_4.jpg 6KB author.jpg 3KB user_img_2.jpg 1KB user_img_3.jpg 1KB user_img_1.jpg 1KB testi_img_1.jpg 1KB testi_img_2.jpg 1KB testi_img_5.jpg 1KB testi_img_6.jpg 1014B testi_img_4.jpg 1002B testi_img_3.jpg 951B fontawesome-all.js 721KB bootstrap.js 112KB jquery.min.js 95KB bootstrap.min.js 48KB owl.carousel.min.js 42KB aos.js 14KB jquery.sticky.js 9KB menumaker.js 3KB multiple-carousel.js 2KB menumaker.min.js 2KB return-to-top.js 531B sticky-header.js 185B _icons.less 57KB _variables.less 24KB _mixins.less 1KB fa-regular.less 773B fa-solid.less 766B fa-brands.less 754B _rotated-flipped.less 711B fontawesome.less 499B _stacked.less 478B _larger.less 454B _bordered-pulled.less 422B _list.less 320B _animated.less 297B _core.less 291B _fixed-width.less 119B _screen-reader.less 118B
about_img_1.png 371KB共 137 条
- 1
- 2
资源评论
