求一个简单的个人网页html模板

求一个简单的个人网页html模板,第1张

这种模板很多的,百度打开一个网页右键源代码就能找到了。

<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/htmlcharset=gb2312">

<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">

<meta name="apple-mobile-web-app-capable" content="yes">

<meta name="apple-mobile-web-app-status-bar-style" content="black">

<link href="{dede:global.cfg_templets_skin/}/images/apple-touch-icon-57.png" sizes="57x57" rel="apple-touch-icon">

<link href="{dede:global.cfg_templets_skin/}/images/apple-touch-icon-72.png" sizes="72x72" rel="apple-touch-icon">

<link href="{dede:global.cfg_templets_skin/}/images/apple-touch-icon-114.png" sizes="114x114" rel="apple-touch-icon">

<title>{dede:global.cfg_webname/}</title>

<meta name="keywords" content="作业,请输入,密码,模板,就能">

<meta name="description" content="这种模板很多的,百度打开一个网页右键源代码就能找到了。&lthtml xmlns="http://www.w3.org/1999/xhtml"&gt&lthead&gt&ltmet">

<link href="{dede:global.cfg_templets_skin/}/style/style.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/style/jquery-1.9.1.js"></script>

<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/style/theme_trust.js"></script>

<style type="text/css">

html,

body {

margin: 0

padding: 0

}

.iw_poi_title {

color: #CC5522

font-size: 14px

font-weight: bold

overflow: hidden

padding-right: 13px

white-space: nowrap

}

.iw_poi_content {

font: 12px arial, sans-serif

overflow: visible

padding-top: 4px

white-space: -moz-pre-wrap

word-wrap: break-word

}

</style>

<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/main.js"></script>

<script>

jQuery(document).ready(function() {

jQuery('#openSidebar').click(function() {

jQuery('.wrapper').toggleClass('openNav')

})

jQuery('#menu a').click(function() {

jQuery('.wrapper').removeClass('openNav')

})

})

</script>

<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/api"></script><script type="text/javascript" src="{dede:global.cfg_templets_skin/}/getscript"></script><link rel="stylesheet" type="text/css" href="{dede:global.cfg_templets_skin/}/bmap.css">

<style type="text/css">

html,

body,

wrapper {

height: 100%

}

</style>

</head>

<body>

<div class="wrapper">

<div class="sidebar">

<div class="clearfix k1120">

<div class="navBox" id="openSidebar">

<a href="javascript:void(0)" class="navOpen"></a>

</div>

<div id="menu">

<ul class="clearfix">

<li><a href="#home" class="nav_home current"><span>首页<br /><b>Home</b></span></a>

</li>

<li><a href="#services" class="nav_services"><span>服务范围<br /><b>Services</b></span></a>

</li>

<li><a href="#case" class="nav_case"><span>案例展示<br /><b>Case</b></span></a>

</li>

<li><a href="#about" class="nav_about"><span>关于我们<br /><b>About us</b></span></a>

</li>

<li><a href="#news" class="nav_news"><span>新闻动态<br /><b>News</b></span></a>

</li>

<li><a href="#contact" class="nav_contact"><span>联系我们<br /><b>Contact us</b></span></a>

</li>

</ul>

</div>

</div>

</div>

<div class="pageMain">

<div id="header">

<div class="k1120 clearfix"><a href="{dede:global.cfg_basehost/}" id="logo">logo</a>

</div>

</div>

<div id="home" class="scrol-page">

<div class="banner">

<div class="b_1" style="background-position: 50% 0px">

<div class="k1120 clearfix">

<div class="b_pic">

<div class="mac" style="margin-top: 0pxopacity: 1"><img src="{dede:global.cfg_templets_skin/}/images/mac.png">

</div>

<div class="iphone" style="margin-top: 0pxopacity: 1"><img src="{dede:global.cfg_templets_skin/}/images/iphone.png">

</div>

<div class="ipad" style="margin-top: 0pxopacity: 1"><img src="{dede:global.cfg_templets_skin/}/images/ipad.png">

</div>

</div>

<div class="b_text" style="margin-top: 0pxopacity: 1">

{dede:global.cfg_ggg/}

</div>

</div>

</div>

</div>

<div class="banner">

<!DOCTYPE html><html lang="zh-CN"><head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>登录</title>

<link href="css/bootstrap.min.css" rel="stylesheet"></head><body><nav class="navbar navbar-default">

<div class="container-fluid">

<div class="navbar-header">

<a class="navbar-brand" href="./">jsp作业</a>

</div>

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

<ul class="nav navbar-nav navbar-right">

<li><a href="login.html">登录</a></li>

</ul>

</div>

</div></nav><div class="container">

<div class="row">

<div class="col-md-4">

</div>

<div class="col-md-4">

<form class="form-signin" target="submitFrame" method="post">

<h2 class="form-signin-heading">登录到jsp作业</h2>

<label for="inputEmail">Email</label>

<input type="email" id="inputEmail" class="form-control" placeholder="请输入Email" required autofocus><br>

<label for="inputPassword">密码</label>

<input type="password" id="inputPassword" class="form-control" placeholder="请输入密码" required>

<div class="checkbox">

<label>

<input type="checkbox" value="remember-me" checked="checked">记住密码</label>

</div>

<button type="submit" class="btn btn-primary" id="btn-login">登录</button>

<a href="reg.html" class="btn btn-default">注册</a>

</form>

<iframe style="display: none" name="submitFrame" src="about:blank"></iframe>

</div>

<div class="col-md-4">

</div>

</div>

<script src="js/jquery.min.js"></script></body></html>


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/7307054.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-04
下一篇2023-04-04

发表评论

登录后才能评论

评论列表(0条)

    保存