<!--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 lang="zxx">
<head>
<title>Prime Interior Category Bootstrap Responsive website Template | Typography:: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8" />
<meta name="keywords" content="Prime Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola web design" />
<script>
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!-- Custom Theme files -->
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
<!-- font-awesome icons -->
<link href="css/fontawesome-all.min.css" rel="stylesheet">
<!-- //Custom Theme files -->
<!-- online-fonts -->
<link href="//fonts.googleapis.com/css?family=EB+Garamond:400,400i,500,500i,600,600i,700,700i,800,800i" rel="stylesheet">
<!-- //online-fonts -->
</head>
<body>
<!-- banner -->
<div class="inner-banner" id="home">
<!-- header -->
<header>
<nav class="navbar navbar-expand-lg navbar-light bg-gradient-secondary pt-3">
<h1>
<a class="navbar-brand" href="index.html">
Prime
</a>
</h1>
<button class="navbar-toggler ml-md-auto" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-lg-auto text-center">
<li class="nav-item mr-lg-3">
<a class="nav-link" href="index.html">Home
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item mr-lg-3">
<a class="nav-link" href="about.html">about</a>
</li>
<li class="nav-item dropdown mr-lg-3 active">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
Dropdown
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="services.html">Services</a>
<a class="dropdown-item" href="gallery.html">Gallery</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="typo.html">Typography</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">contact</a>
</li>
<li>
<button type="button" class="btn serv_bottom ml-lg-5 w3ls-btn text-white" data-toggle="modal" aria-pressed="false" data-target="#exampleModal">
Login
</button>
</li>
</ul>
</div>
</nav>
</header>
<!-- //header -->
<div class="container">
</div>
<!-- //container -->
</div>
<!-- //banner -->
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="index.html">Home</a>
</li>
<li class="breadcrumb-item active" aria-current="page">Typography</li>
</ol>
</nav>
<!-- typography -->
<section class="wthree-row pt-sm-3 pb-sm-5 pb-3">
<div class="container py-md-5 py-3">
<!-- section title -->
<h3 class="agile-title">Typography</h3>
<span class="w3-line"></span>
<!-- //section title -->
<div class="pb-5 typo-wthree">
<h4 class="pt-4 pb-3">Flex</h4>
<div class="d-flex p-2 bg-flex mb-1">I'm a flexbox container!</div>
<div class="d-inline-flex p-2 bg-flex mb-1">I'm an inline flexbox container!</div>
<h5 class="pt-4 pb-3">Flex row</h5>
<div class="d-flex flex-row bg-flex">
<div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 1</div>
<div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 2</div>
<div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 3</div>
</div>
<h5 class="pt-4 pb-3">Flex row-reverse</h5>
<div class="d-flex flex-row-reverse bg-flex">
<div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 1</div>
<div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 2</div>
<div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 3</div>
</div>
<h5 class="pt-4 pb-3">Flex column</h5>
<div class="d-flex flex-column bg-flex">
<div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 1</div>
<div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 2</div>
<div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 3</div>
</div>
<h5 class="pt-4 pb-3">Flex column-reverse</h5>
<div class="d-flex flex-column-reverse bg-flex">
<div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 1</div>
<div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 2</div>
<div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 3</div>
</div>
<h4 class="pt-5 pb-3">Justify Content</h4>
<h5 class="pt-4 pb-3">Justify Content Start</h5>
<div class="d-flex justify-content-start bg-flex mb-3">
<div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 1</div>
<div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 2</div>
<div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 3</div>
</div>
<h5 class="pt-4 pb-3">Justify Content End</h5>
<div class="d-flex justify-content-end bg-flex mb-3">
<div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 1</div>
<div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 2</div>
<div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 3</div>
</div>
<h5 class="pt-4 pb-3">Justify Content Center</h5>
<div class="d-flex justify-content-center bg-flex mb-3">
<div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 1</div>
<div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 2</div>
<div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 3</div>
</div>
课设&大作业&毕设-软装设计展示响应式网页模板-适配移动端-HTML源码.zip
版权申诉
136 浏览量
2024-03-28
09:37:05
上传
评论
收藏 1.99MB ZIP 举报
课设&大作业&毕设-软装设计展示响应式网页模板-适配移动端-HTML源码.zip （56个子文件） 
课设&大作业&毕设-软装设计展示响应式网页模板-适配移动端-HTML源码 html 
typo.html 28KB js 
bootstrap.js 112KB responsiveslides.min.js 3KB SmoothScroll.min.js 13KB jquery-2.2.3.min.js 84KB easing.js 5KB move-top.js 1KB smoothbox.jquery2.js 3KB form-validation.js 2KB webfonts fa-brands-400.woff 62KB fa-brands-400.ttf 96KB
fa-brands-400.svg 496KB fa-solid-900.woff 49KB fa-solid-900.eot 104KB fa-solid-900.ttf 103KB fa-brands-400.woff2 53KB fa-regular-400.woff2 12KB fa-brands-400.eot 96KB fa-regular-400.eot 30KB fa-regular-400.woff 14KB fa-regular-400.svg 105KB fa-regular-400.ttf 30KB fa-solid-900.woff2 39KB fa-solid-900.svg 382KB css style.css 27KB smoothbox.css 4KB bootstrap.css 174KB fontawesome-all.min.css 35KB services.html 23KB index.html 28KB contact.html 17KB about.html 26KB images 
g3.jpg 49KB t5.jpg 14KB t6.jpg 32KB g2.jpg 69KB i2.jpg 69KB g8.jpg 57KB i4.jpg 78KB banner.jpg 77KB 1.jpg 107KB i3.jpg 104KB t3.jpg 21KB inner-banner.jpg 83KB g7.jpg 56KB g6.jpg 56KB t1.jpg 22KB
move-top.png 3KB t4.jpg 16KB g5.jpg 52KB t2.jpg 17KB g4.jpg 70KB g1.jpg 55KB g9.jpg 61KB i1.jpg 108KB gallery.html 22KB资源评论
