-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
134 lines (113 loc) · 5.01 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="baidu-site-verification" content="TpG3eRfsUP" />
<meta name="TTUNION_verify" content="4f844e376dc471c5115a6e5b469e0410" />
<meta name="description" content="Symars_杨重午" />
<meta name="author" content="Symars_杨重午" />
<link rel="shortcut icon" href="assets/ico/favicon.ico" />
<title>Symars Young</title>
<!-- Bootstrap core CSS -->
<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/css/font-awesome.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="assets/css/main.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway:400,300,700' rel='stylesheet' type='text/css'>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="assets/js/html5shiv.js"></script>
<script src="assets/js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<div class="col-lg-6 col-lg-offset-3">
<!-- ===== vCard Navigation ===== -->
<div class="row w">
<div class="col-md-4">
<img class="img-responsive" src="assets/img/avatar.jpg" alt="">
<ul class="nav nav-tabs nav-stacked" id="myTab">
<li class="active"><a href="#about">About</a></li>
<li><a href="#profile">Profile</a></li>
<li><a href="#family">Family</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div><!-- col-md-4 -->
<!-- ===== vCard Content ===== -->
<div class="col-md-8">
<div class="tab-content">
<!-- ===== First Tab ===== -->
<div class="tab-pane active" id="about">
<h3>
<a href="#">Symars Young</a>
<p class="pull-right red"><i class="fa fa-heart" aria-hidden="true"></i></p>
</h3>
<h5>Developer</h5>
<hr>
<p><i class="fa fa-leaf" aria-hidden="true"></i> -- 诗酒趁年华.</p>
</div><!-- tab about -->
<!-- ===== Second Tab ===== -->
<div class="tab-pane" id="profile">
<h4><i class="fa fa-briefcase" aria-hidden="true"></i> Job Experience</h4>
<p class="sm">
<grey>Mega Inc.</grey> | August 2015 -- Now.<br/>
<!-- <grey>Cvic SE.</grey> | July 2014 -- July 2015.<br/> -->
</p>
<h4><i class="fa fa-book" aria-hidden="true"></i> Education</h4>
<p class="sm">
<grey>Software Engineering</grey> | Shandong University.<br/>
</p>
</div><!-- Tab Profile -->
<!-- ===== Third Tab ===== -->
<div class="tab-pane" id="family">
<div class="row">
<div class="col-xs-6 centered">
<img class="img-responsive" src="assets/img/p01.jpg" alt="">
<a href="#"><h6><i class="fa fa-link" aria-hidden="true"></i> </h6></a>
</div><!-- col-xs-6 -->
<div class="col-xs-6 centered">
<img class="img-responsive" src="assets/img/p02.jpg" alt="">
<a href="#"><h6><i class="fa fa-link" aria-hidden="true"></i> </h6></a>
</div><!-- col-xs-6 -->
</div><!-- row -->
<div class="row">
<br>
<div class="col-xs-6 centered">
<img class="img-responsive" src="assets/img/p03.jpg" alt="">
<a href="#"><h6><i class="fa fa-link" aria-hidden="true"></i> </h6></a>
</div><!-- col-xs-6 -->
<div class="col-xs-6 centered">
<img class="img-responsive" src="assets/img/p04.jpg" alt="">
<a href="#"><h6><i class="fa fa-link" aria-hidden="true"></i> </h6></a>
</div><!-- col-xs-6 -->
</div><!-- row -->
</div><!-- /Tab Portfolio -->
<!-- ===== Fourth Tab ===== -->
<div class="tab-pane" id="contact">
<h4>Contact Information</h4>
<hr>
<p><i class="fa fa-globe" aria-hidden="true"></i> : <a href="http://www.symars.cn">www.symars.cn</a> </p>
<!-- <p><i class="fa fa-github" aria-hidden="true"></i> : <a href="https://github.com/Symars">github.com/Symars</a> </p> -->
<p><i class="fa fa-envelope" aria-hidden="true"></i> : <a href="#">[email protected]</a> </p>
</div><!-- Tab Contact -->
</div><!-- Tab Content -->
</div><!-- col-md-8 -->
</div><!-- row w -->
</div><!-- col-lg-6 -->
</div><!-- /.container -->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="assets/js/jquery.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script>
$('#myTab a').click(function (e) {
e.preventDefault()
$(this).tab('show')
})
</script>
</body>
</html>