Skip to content

Commit b8552ec

Browse files
SymarsSymars
committed
Signed-off-by: Symars <[email protected]>
0 parents  commit b8552ec

20 files changed

+7816
-0
lines changed

‎assets/css/bootstrap.css

+6,805
Large diffs are not rendered by default.

‎assets/css/bootstrap.min.css

+9
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎assets/css/font-awesome.min.css

+4
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎assets/css/main.css

+165
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,165 @@
1+
/*
2+
* Author: Carlos Alvarez
3+
* URL: http://alvarez.is
4+
*
5+
* Project Name: Victoria vCard - Free Bootstrap 3 Theme
6+
* Version: 1.0
7+
* URL: http://blacktie.co
8+
*/
9+
10+
body {
11+
background-color: #f2f2f2;
12+
font-family: "Lato";
13+
font-weight: 300;
14+
font-size: 16px;
15+
color: #555;
16+
padding-top: 150px;
17+
18+
background-image: url(../img/header-bg.jpg);
19+
background-repeat: no-repeat;
20+
background-position: center center;
21+
background-attachment: fixed;
22+
-webkit-background-size: cover;
23+
-moz-background-size: cover;
24+
-o-background-size: cover;
25+
background-size: cover;
26+
27+
}
28+
29+
/* Titles */
30+
h1, h2, h3, h4, h5, h6 {
31+
font-family: "Raleway";
32+
font-weight: 300;
33+
color: #333;
34+
}
35+
36+
37+
/* Paragraph & Typographic */
38+
p {
39+
line-height: 28px;
40+
margin-bottom: 25px;
41+
}
42+
43+
.centered {
44+
text-align: center;
45+
}
46+
47+
/* Links */
48+
a {
49+
color: #FFC125;
50+
word-wrap: break-word;
51+
52+
-webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
53+
-moz-transition: color 0.1s ease-in, background 0.1s ease-in;
54+
-ms-transition: color 0.1s ease-in, background 0.1s ease-in;
55+
-o-transition: color 0.1s ease-in, background 0.1s ease-in;
56+
transition: color 0.1s ease-in, background 0.1s ease-in;
57+
}
58+
59+
a:hover,
60+
a:focus {
61+
color: #7b7b7b;
62+
text-decoration: none;
63+
outline: 0;
64+
}
65+
66+
a:before,
67+
a:after {
68+
-webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
69+
-moz-transition: color 0.1s ease-in, background 0.1s ease-in;
70+
-ms-transition: color 0.1s ease-in, background 0.1s ease-in;
71+
-o-transition: color 0.1s ease-in, background 0.1s ease-in;
72+
transition: color 0.1s ease-in, background 0.1s ease-in;
73+
}
74+
75+
hr {
76+
display: block;
77+
height: 1px;
78+
border: 0;
79+
border-top: 1px solid #ccc;
80+
margin: 1em 0;
81+
padding: 0;
82+
}
83+
84+
.w {
85+
background-color: #ffffff;
86+
border: 1px solid #dddddd;
87+
-moz-box-shadow: 5px 5px rgba(0,0,0,0.2);
88+
-webkit-box-shadow: 5px 5px rgba(0,0,0,0.2);
89+
box-shadow: 5px 5px rgba(0,0,0,0.2);
90+
}
91+
92+
93+
.col-md-4 {
94+
padding-left: 0px;
95+
padding-right: 0px;
96+
}
97+
98+
.col-md-8 {
99+
padding-left: 0px;
100+
padding-right: 0px;
101+
}
102+
103+
104+
.nav-tabs {
105+
border-bottom: 1px solid #dddddd;
106+
}
107+
108+
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
109+
color: #555555;
110+
cursor: default;
111+
background-color: #ffffff;
112+
border-left: 5px solid #FFC125;
113+
border-bottom-color: transparent;
114+
border-top-color: transparent;
115+
border-right-color: transparent;
116+
width: 100%;
117+
}
118+
119+
.nav-tabs > li > a {
120+
margin-right: 2px;
121+
line-height: 1.428571429;
122+
border-bottom: 1px solid #dddddd;
123+
border-radius: 0 0 0 0;
124+
width: 100%;
125+
background-color: #f2f2f2;
126+
}
127+
128+
.tab-content {
129+
background-color: #ffffff;
130+
padding-left: 15px;
131+
padding-top: 20px;
132+
padding-right: 15px;
133+
}
134+
135+
.tab-content h5 {
136+
color: #bdc3c7;
137+
font-weight: 700;
138+
letter-spacing: 1px;
139+
}
140+
141+
.red i {
142+
font-size: 12px;
143+
color: #e74c3c;
144+
}
145+
146+
i {
147+
vertical-align: middle;
148+
}
149+
150+
.sm {
151+
font-size: 14px;
152+
}
153+
154+
a h6{
155+
color: #FFC125;
156+
}
157+
158+
a h6:hover {
159+
color: #7b7b7b;
160+
}
161+
162+
grey {
163+
color: #bdc3c7;
164+
font-weight: 700;
165+
}

‎assets/fonts/FontAwesome.otf

122 KB
Binary file not shown.

‎assets/fonts/fontawesome-webfont.eot

74.7 KB
Binary file not shown.

‎assets/fonts/fontawesome-webfont.svg

+685
Loading

‎assets/fonts/fontawesome-webfont.ttf

149 KB
Binary file not shown.

‎assets/fonts/fontawesome-webfont.woff

88.3 KB
Binary file not shown.

‎assets/fonts/fontawesome-webfont.woff2

70.2 KB
Binary file not shown.

‎assets/ico/favicon.ico

66.1 KB
Binary file not shown.

‎assets/img/avatar.jpg

99.9 KB
Loading

‎assets/img/header-bg.jpg

975 KB
Loading

‎assets/img/p01.jpg

50.7 KB
Loading

‎assets/img/p02.jpg

96.8 KB
Loading

‎assets/img/p03.jpg

101 KB
Loading

‎assets/img/p04.jpg

163 KB
Loading

‎assets/js/bootstrap.min.js

+6
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎assets/js/jquery.js

+6
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎index.html

+136
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,136 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<meta name="description" content="">
7+
<meta name="author" content="">
8+
<link rel="shortcut icon" href="assets/ico/favicon.ico">
9+
10+
<title>Symars Young</title>
11+
12+
<!-- Bootstrap core CSS -->
13+
<link href="assets/css/bootstrap.css" rel="stylesheet">
14+
<link href="assets/css/font-awesome.min.css" rel="stylesheet">
15+
16+
<!-- Custom styles for this template -->
17+
<link href="assets/css/main.css" rel="stylesheet">
18+
19+
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic' rel='stylesheet' type='text/css'>
20+
<link href='http://fonts.googleapis.com/css?family=Raleway:400,300,700' rel='stylesheet' type='text/css'>
21+
22+
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
23+
<!--[if lt IE 9]>
24+
<script src="assets/js/html5shiv.js"></script>
25+
<script src="assets/js/respond.min.js"></script>
26+
<![endif]-->
27+
</head>
28+
29+
<body>
30+
31+
32+
<div class="container">
33+
<div class="col-lg-6 col-lg-offset-3">
34+
35+
<!-- ===== vCard Navigation ===== -->
36+
<div class="row w">
37+
<div class="col-md-4">
38+
<img class="img-responsive" src="assets/img/avatar.jpg" alt="">
39+
<ul class="nav nav-tabs nav-stacked" id="myTab">
40+
<li class="active"><a href="#about">About</a></li>
41+
<li><a href="#profile">Profile</a></li>
42+
<li><a href="#portfolio">ShowLove</a></li>
43+
<li><a href="#contact">Contact</a></li>
44+
</ul>
45+
</div><!-- col-md-4 -->
46+
47+
<!-- ===== vCard Content ===== -->
48+
<div class="col-md-8">
49+
<div class="tab-content">
50+
51+
<!-- ===== First Tab ===== -->
52+
<div class="tab-pane active" id="about">
53+
<h3>
54+
Symars Young
55+
<p class="pull-right red"><i class="fa fa-heart" aria-hidden="true"></i></p>
56+
</h3>
57+
<h5>Coder</h5>
58+
<hr>
59+
<p><i class="fa fa-coffee" aria-hidden="true"></i> -- There is a beautiful island called Java. </p>
60+
<p><i class="fa fa-leaf" aria-hidden="true"></i> -- Seeds germinate in the Spring.</p>
61+
<p><i class="fa fa-github-alt" aria-hidden="true"></i> -- Tomcats play on the Nginx beach.</p>
62+
<p><i class="fa fa-linux" aria-hidden="true"></i> -- LinuxPenguins swim in the server sea.</p>
63+
64+
</div><!-- tab about -->
65+
66+
<!-- ===== Second Tab ===== -->
67+
<div class="tab-pane" id="profile">
68+
<h4><i class="fa fa-briefcase" aria-hidden="true"></i> Job Experience</h4>
69+
<p class="sm">
70+
<grey>Mega Inc.</grey> | June 2015 - Now.<br/>
71+
<grey>Cvic SE.</grey> | June 2014 - June 2015.<br/>
72+
</p>
73+
74+
<h4><i class="fa fa-book" aria-hidden="true"></i> Education</h4>
75+
<p class="sm">
76+
<grey>Software Engineering</grey> | Shandong University.<br/>
77+
</p>
78+
</div><!-- Tab Profile -->
79+
80+
<!-- ===== Third Tab ===== -->
81+
<div class="tab-pane" id="portfolio">
82+
<div class="row">
83+
<div class="col-xs-6 centered">
84+
<img class="img-responsive" src="assets/img/p01.jpg" alt="">
85+
<a href="#"><h6><i class="fa fa-link" aria-hidden="true"></i> </h6></a>
86+
</div><!-- col-xs-6 -->
87+
<div class="col-xs-6 centered">
88+
<img class="img-responsive" src="assets/img/p02.jpg" alt="">
89+
<a href="#"><h6><i class="fa fa-link" aria-hidden="true"></i> </h6></a>
90+
</div><!-- col-xs-6 -->
91+
</div><!-- row -->
92+
93+
<div class="row">
94+
<br>
95+
<div class="col-xs-6 centered">
96+
<img class="img-responsive" src="assets/img/p03.jpg" alt="">
97+
<a href="#"><h6><i class="fa fa-link" aria-hidden="true"></i> </h6></a>
98+
</div><!-- col-xs-6 -->
99+
<div class="col-xs-6 centered">
100+
<img class="img-responsive" src="assets/img/p04.jpg" alt="">
101+
<a href="#"><h6><i class="fa fa-link" aria-hidden="true"></i> </h6></a>
102+
</div><!-- col-xs-6 -->
103+
</div><!-- row -->
104+
</div><!-- /Tab Portfolio -->
105+
106+
<!-- ===== Fourth Tab ===== -->
107+
<div class="tab-pane" id="contact">
108+
<h4>Contact Information</h4>
109+
<hr>
110+
<p><i class="fa fa-globe" aria-hidden="true"></i> : symars.github.io </p>
111+
<p><i class="fa fa-envelope" aria-hidden="true"></i> : [email protected] </p>
112+
<p><i class="fa fa-weibo" aria-hidden="true"></i> : weibo.com/symarsyoung </p>
113+
<p><i class="fa fa-qq" aria-hidden="true"></i> : qun154625967 </p>
114+
</div><!-- Tab Contact -->
115+
116+
</div><!-- Tab Content -->
117+
</div><!-- col-md-8 -->
118+
</div><!-- row w -->
119+
</div><!-- col-lg-6 -->
120+
</div><!-- /.container -->
121+
122+
123+
<!-- Bootstrap core JavaScript
124+
================================================== -->
125+
<!-- Placed at the end of the document so the pages load faster -->
126+
<script src="assets/js/jquery.js"></script>
127+
<script src="assets/js/bootstrap.min.js"></script>
128+
<script>
129+
$('#myTab a').click(function (e) {
130+
e.preventDefault()
131+
$(this).tab('show')
132+
})
133+
</script>
134+
135+
</body>
136+
</html>

0 commit comments

Comments
 (0)