-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
138 lines (134 loc) · 5.7 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!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>万顷茫然(ZYH)的个人网站</title>
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.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.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<nav class="navbar navbar-default">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#myDefaultNavbar1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<a class="navbar-brand" href="src/me.html">我</a> </div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="myDefaultNavbar1">
<ul class="nav navbar-nav">
<li class="active"><a href="#">软件<span class="sr-only">(current)</span></a></li>
<li class="dropdown"> <a href="src/contact.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">联系我 <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
<li class="divider"></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
</ul>
<form class="navbar-form navbar-right" role="search">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search">
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<section>
<div class="jumbotron text-center">
<div class="container">
<div class="row">
<div class="col-xs12">
<h1>FreePictureSplitter</h1>
<p>FreePictureSplitter是一个快捷的图片分割软件,采用了wxWidgets 3库。</p>
<p><a class="btn btn-primary btn-lg" href="http://github.com/zxunge/FreePictureSplitter" role="button">了解更多 »</a></p>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2>近期项目</h2>
<p>FreePictureSplitter是一个快捷的图片分割软件,采用了wxWidgets 3库。</p>
</div>
</div>
<div class="row">
<div class="col-md-6 text-center">
<img src="img/400x400.gif" alt="">
<h3>FreePictureSplitter</h3>
<h6>FreePictureSplitter是一个快捷的图片分割软件,采用了wxWidgets 3库。</h6>
</div>
</div>
<div class="row">
<div class="col-md-3 text-center col-sm-6 col-xs-6"><img src="img/200x200.gif" alt=""></div>
<div class="col-md-3 text-center col-sm-6 col-xs-6"><img src="img/200x200.gif" alt=""></div>
<div class="col-md-3 text-center col-sm-6 col-xs-6 hidden-xs hidden-sm"><img src="img/200x200.gif" alt=""></div>
<div class="col-md-3 text-center col-sm-6 col-xs-6 hidden-xs hidden-sm"><img src="img/200x200.gif" alt=""></div>
</div>
<hr>
<div class="row">
<div class="col-md-3 text-center col-sm-6 col-xs-6"><img src="img/200x200.gif" alt=""></div>
<div class="col-md-3 text-center col-sm-6 col-xs-6"><img src="img/200x200.gif" alt=""></div>
<div class="col-md-3 text-center col-sm-6 col-xs-6 hidden-xs hidden-sm"><img src="img/200x200.gif" alt=""></div>
<div class="col-md-3 text-center col-sm-6 col-xs-6 hidden-xs hidden-sm"><img src="img/200x200.gif" alt=""></div>
</div>
</div>
</section>
<hr>
<hr>
<div class="section well">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-4">
<h3 class="text-center">自我介绍</h3>
<h5>我叫:(万顷茫然 ZYH),或者:(zxunge Grit Clef), 是一名科学爱好者。</h5>
</div>
<div class="col-lg-4 col-md-4">
<h3 class="text-center">联系我</h3>
<address class="text-center">
<strong>GritClef@qq.com, 或 GritClef@163.com, 或 GritClef01@outlook.com</strong><br>
</address>
</div>
<div class="col-lg-4 col-md-4">
<h3 class="text-center">NEWSLETTER</h3>
<form>
<div class="form-group col-lg-9 col-md-8 col-sm-10 col-xs-10">
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
</div>
<button type="submit" class="btn btn-default">Subscribe<br>
</button>
</form>
</div>
</div>
</div>
</div>
<footer class="text-center">
<div class="container">
<div class="row">
<div class="col-xs-12">
<p>版权所有 © 2024 万顷茫然</p>
</div>
</div>
</div>
</footer>
<script src="js/jquery-1.11.2.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>