<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="" />
<!-- Facebook and Twitter integration -->
<meta property="og:title" content=""/>
<meta property="og:image" content=""/>
<meta property="og:url" content=""/>
<meta property="og:site_name" content=""/>
<meta property="og:description" content=""/>
<meta name="twitter:title" content="" />
<meta name="twitter:image" content="" />
<meta name="twitter:url" content="" />
<meta name="twitter:card" content="" />
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700" rel="stylesheet">
<!-- Animate.css -->
<link rel="stylesheet" href="css/animate.css">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="css/icomoon.css">
<!-- Themify Icons-->
<link rel="stylesheet" href="css/themify-icons.css">
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Magnific Popup -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Owl Carousel -->
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="css/style.css">
<!-- Modernizr JS -->
<script src="js/modernizr-2.6.2.min.js"></script>
<!-- FOR IE9 below -->
<!--[if lt IE 9]>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="gtco-loader"></div>
<div id="page">
<div class="page-inner">
<nav class="gtco-nav" role="navigation">
<div class="gtco-container">
<div class="row">
<div class="col-sm-4 col-xs-12">
<div id="gtco-logo"><a href="index.html">Splash <em>.</em></a></div>
</div>
<div class="col-xs-8 text-right menu-1">
<ul>
<li><a href="features.html">Features</a></li>
<li><a href="tour.html">Tour</a></li>
<li class="has-dropdown">
<a href="#">Dropdown</a>
<ul class="dropdown">
<li><a href="#">Web Design</a></li>
<li><a href="#">eCommerce</a></li>
<li><a href="#">Branding</a></li>
<li><a href="#">API</a></li>
</ul>
</li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="contact.html">Contact</a></li>
<li class="btn-cta"><a href="#"><span>Get started</span></a></li>
</ul>
</div>
</div>
</div>
</nav>
<header id="gtco-header" class="gtco-cover" role="banner" style="background-image: url(images/img_4.jpg)">
<div class="overlay"></div>
<div class="gtco-container">
<div class="row">
<div class="col-md-12 col-md-offset-0 text-left">
<div class="row row-mt-15em">
<div class="col-md-7 mt-text animate-box" data-animate-effect="fadeInUp">
<span class="intro-text-small">Welcome to Splash</span>
<h1>Build website using this template.</h1>
</div>
<div class="col-md-4 col-md-push-1 animate-box" data-animate-effect="fadeInRight">
<div class="form-wrap">
<div class="tab">
<ul class="tab-menu">
<li class="active gtco-first"><a href="#" data-tab="signup">Sign up</a></li>
<li class="gtco-second"><a href="#" data-tab="login">Login</a></li>
</ul>
<div class="tab-content">
<div class="tab-content-inner active" data-content="signup">
<form action="#">
<div class="row form-group">
<div class="col-md-12">
<label for="username">Username or Email</label>
<input type="text" class="form-control" id="username">
</div>
</div>
<div class="row form-group">
<div class="col-md-12">
<label for="password">Password</label>
<input type="password" class="form-control" id="password">
</div>
</div>
<div class="row form-group">
<div class="col-md-12">
<label for="password2">Repeat Password</label>
<input type="password" class="form-control" id="password2">
</div>
</div>
<div class="row form-group">
<div class="col-md-12">
<input type="submit" class="btn btn-primary" value="Sign up">
</div>
</div>
</form>
</div>
<div class="tab-content-inner" data-content="login">
<form action="#">
<div class="row form-group">
<div class="col-md-12">
<label for="username">Username or Email</label>
<input type="text" class="form-control" id="username">
</div>
</div>
<div class="row form-group">
<div class="col-md-12">
<label for="password">Password</label>
<input type="password" class="form-control" id="password">
</div>
</div>
<div class="row form-group">
<div class="col-md-12">
<input type="submit" class="btn btn-primary" value="Login">
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<div class="gtco-section border-bottom">
<div class="gtco-container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center gtco-heading">
<h2>Beautiful Images</h2>
<p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-6">
<a href="images/img_2.jpg" class="fh5co-project-item image-popup">
<figure>
<div class="overlay"><i class="ti-plus"></i></div>
<img src="images/img_2.jpg" alt="Image" class="img-responsive">
</figure>
<div class="fh5co-text">
<h2>Constructive heading</h2>
<p>Far far away, behind the word mountains, far from the countries Vokalia..</p>
</div>
</a>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<a href="images/img_3.jpg" class="fh5co-project-item image-popup">
<figure>
<div class="overlay"><i class="ti-plus"></i></div>
<img src="images/img_3.jpg" alt="Image" class="img-responsive">
</figure>
<div class="fh5co-text">
<h2>Constructive heading</h2>
<p>Far far away, behind the word mountains, far from the countries Vokalia..</p>
</div>
</a>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<a href="images/img_4.jpg" class="fh5co-project-item image-popup">
<figure>
<div class="overlay"><i class="ti-plus"></i></div>
<img src="images/img_4.jpg" alt="Image" class="img-responsive">
</figure>
<div class="fh5co-text">
<h2>Constructive heading</h2>
<p>Far far away, behind the word mountains, far from the countries Vokalia..</p>
</div>
</a>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<a href="images/img_1.jpg" class="fh5co-project-item image-popup">
<figure>
<div class="overlay"><i class="ti-plus"></i></div>
<img src="images/img_1.jpg" alt="Image" class="img-responsive">
</figure>
<div class="fh5co-text">
<h2>Constructive heading</h2>
<p>Far far away, behind the word mountains, far from the countries Vokalia..</p>
</div>
</a>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<a href="images/img_5.jpg" class="fh5co-project-item image-popup">
<figure>
<div class="overlay"><i class="ti-plus"></i></div>
<img src="images/img_5.jpg" alt="Image" class="img-responsive">
</figure>
<div
前端登录模板html+css
需积分: 0 172 浏览量
2023-12-26
17:00:44
上传
评论
收藏 2.94MB ZIP 举报
登录.zip （53个子文件） 
登录 
tour.html 14KB js 
jquery.waypoints.min.js 9KB bootstrap.min.js 36KB main.js 6KB modernizr-2.6.2.min.js 15KB jquery.magnific-popup.min.js 20KB jquery.countTo.js 4KB jquery.stellar.min.js 12KB respond.min.js 4KB magnific-popup-options.js 1KB owl.carousel.min.js 39KB jquery.easing.1.3.js 8KB jquery.min.js 82KB pricing.html 11KB features.html 10KB css style.css 37KB icomoon.css 25KB magnific-popup.css 8KB animate.css 71KB bootstrap.css 132KB owl.theme.default.min.css 1KB themify-icons.css 16KB owl.carousel.min.css 4KB index.html 18KB contact.html 8KB images 
img_6.jpg 82KB img_bg_3.jpg 12KB img_2.jpg 82KB img_5.jpg 76KB person_3.jpg 1KB img_bg_1.jpg 9KB img_3.jpg 75KB img_4.jpg 83KB person_2.jpg 1KB img_bg_2.jpg 7KB
iphone.png 1.31MB macbook.png 381KB person_1.jpg 1KB
loader.gif 47KB img_1.jpg 194KB fonts themify-icons 
themify.svg 229KB themify.woff 55KB themify.eot 77KB themify.ttf 77KB icomoon icomoon.woff 101KB icomoon.svg 357KB icomoon.eot 101KB icomoon.ttf 100KB bootstrap glyphicons-halflings-regular.svg 106KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB glyphicons-halflings-regular.woff2 18KB资源评论
半桶水而已
- 粉丝: 17
- 资源: 3
