lh1010_tempalte
/
my_app.html

<!DOCTYPE HTML>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>my app</title>
	<meta name="description" content="">
	<meta name="keywords" content="">
	<link rel="shortcut icon" href="/favicon.ico">
	<link rel="stylesheet" type="text/css" href="plugins/Bootstrap/4.1.3/css/bootstrap.css" >
	<link rel="stylesheet" type="text/css" href="font/iconfont/iconfont.css">
	<link rel="stylesheet" type="text/css" href="style/style.css">
</head>
<body>
	<div class="head py-3">
		<div class=" container">
			<div class="logo"><a href=""><img src="images/logo.png"></a></div>
		</div>
	</div>
	<nav class="menu navbar navbar-expand-md bg-light navbar-light">
		<div class="container">
			<a class="navbar-brand d-md-none" href="#">西瓜导航</a>
			<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"><span class="navbar-toggler-icon"></span></button>
			<div class="collapse navbar-collapse" id="navbarSupportedContent">
				<ul class="navbar-nav mr-auto">
					<li class="nav-item"><a class="nav-link" href="#">首页</a></li>
					<li class="nav-item"><a class="nav-link" href="#">西瓜导航</a></li>
					<li class="nav-item dropdown d-none">
						<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">在线工具</a>
						<div class="dropdown-menu">
							<a class="dropdown-item" href="#">时间戳</a>
							<a class="dropdown-item" href="#">在线解析</a>
						</div>
					</li>
					<li class="nav-item"><a class="nav-link" href="#">心情说说</a></li>
				</ul>
				<form class="form-inline my-2 my-lg-0 d-none">
					<input class="form-control mr-sm-2" type="search" placeholder="Search">
					<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
				</form>
			</div>
		</div>
	</nav>
	<nav class="container mt-4">
		<ol class="breadcrumb">
			<li class="breadcrumb-item"><a href="#">首页</a></li>
			<li class="breadcrumb-item active">作品</li>
		</ol>
	</nav>
    <section class="jumbotron text-center d-none">
        <div class="container">
            <h1 class="jumbotron-heading">项目案例</h1>
            <p class="lead text-muted">项目介绍项目介绍项目介绍项目介绍项目介绍项目介绍项目介绍项目介绍项目介绍项目介绍项目介绍</p>
            <p>
                <a href="#" class="btn btn-primary my-2">Main call to action</a>
                <a href="#" class="btn btn-secondary my-2">Secondary action</a>
            </p>
        </div>
    </section>
    <div class="my-app mt-4">
        <div class="container">
            <div class="row">
                <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                    <a href="">
                        <div class="card text-white bg-success mb-3">
                            <div class="card-header">西瓜导航</div>
                            <div class="card-body">
                                <p class="card-text">网址收藏，收藏有趣网址。</p>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                    <a href="">
                        <div class="card text-white bg-primary mb-3">
                            <div class="card-header">郑州的一些事</div>
                            <div class="card-body">
                                <p class="card-text">网址收藏，收藏有趣网址。</p>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                    <a href="">
                        <div class="card text-white bg-danger mb-3">
                            <div class="card-header">LuckMall</div>
                            <div class="card-body">
								<h5 class="card-title">多店铺商城</h5>
                                <p class="card-text">网址收藏，收藏有趣网址。</p>
                            </div>
                        </div>
                    </a>
				</div>
				<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                    <a href="">
                        <div class="card text-white bg-success mb-3">
                            <div class="card-header">西瓜导航</div>
                            <div class="card-body">
                                <p class="card-text">网址收藏，收藏有趣网址。</p>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                    <a href="">
                        <div class="card text-white bg-primary mb-3">
                            <div class="card-header">郑州的一些事</div>
                            <div class="card-body">
                                <p class="card-text">网址收藏，收藏有趣网址。</p>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                    <a href="">
                        <div class="card text-white bg-danger mb-3">
                            <div class="card-header">LuckMall</div>
                            <div class="card-body">
                                <p class="card-text">网址收藏，收藏有趣网址。</p>
                            </div>
                        </div>
                    </a>
				</div>
				<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                    <a href="">
                        <div class="card text-white bg-success mb-3">
                            <div class="card-header">西瓜导航</div>
                            <div class="card-body">
                                <p class="card-text">网址收藏，收藏有趣网址。</p>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                    <a href="">
                        <div class="card text-white bg-primary mb-3">
                            <div class="card-header">郑州的一些事</div>
                            <div class="card-body">
                                <p class="card-text">网址收藏，收藏有趣网址。</p>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                    <a href="">
                        <div class="card text-white bg-danger mb-3">
                            <div class="card-header">LuckMall</div>
                            <div class="card-body">
                                <p class="card-text">网址收藏，收藏有趣网址。</p>
                            </div>
                        </div>
                    </a>
				</div>
				<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                    <a href="">
                        <div class="card text-white bg-danger mb-3">
                            <div class="card-header">LuckMall</div>
                            <div class="card-body">
                                <p class="card-text">网址收藏，收藏有趣网址。</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
	<div class="foot p-2 mt-4 bg-primary text-white text-center">
		<div class="container">
			<p>Copyright © 2020 乐浩科技 - 豫ICP备16115435号-1</p>
		</div>
	</div>
	<script type="text/javascript" src="plugins/jquery/3.3.1/jquery.js"></script>
	<script type="text/javascript" src="plugins/Bootstrap/4.1.3/js/bootstrap.js"></script>
    <script type="text/javascript" src="script/common.js"></script>
</body>
</html>