-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
executable file
·169 lines (169 loc) · 7.29 KB
/
about.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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
{/
Author: W3layouts
Author URL: https://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: https://creativecommons.org/licenses/by/3.0/
*/}
<!DOCTYPE html>
<html lang="en">
<head>
<title>Trendy CV a Personal Category Bootstrap Responsive website Template | About :: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Trendy CV Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- Custom Theme files -->
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
<link href="css/font-awesome.css" rel="stylesheet"> <!-- font-awesome icons -->
<!-- //Custom Theme files -->
<!-- js -->
<script src="js/jquery-2.2.3.min.js"></script>
<!-- //js -->
<!-- web-fonts -->
<link href="//fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i" rel="stylesheet">
<!-- //web-fonts -->
</head>
<body>
<!-- banner -->
<div className="banner about-w3banner">
<div className="banner-w3lsinfo">
<!-- header -->
<div className="header">
<div className="container">
<div className="logo">
<h1><a href="index.html">Trendy CV</a></h1>
</div>
<div className="menu">
<a href="#" className="navicon"></a>
<div class="toggle effect-3">
<ul class="toggle-menu">
<li><a href="index.html"> Home</a></li>
<li><a href="about.html" class="active"> About</a></li>
<li><a href="skills.html"> Skills</a></li>
<li><a href="experience.html">Experience</a></li>
<li><a href="education.html">Education</a></li>
<li><a href="projects.html"> My Projects</a></li>
<li><a href="contact.html"> Contact Us</a></li>
</ul>
</div>
</div>
<div class="social-w3licon">
<a href="#" class="social-button twitter"><i class="fa fa-twitter"></i></a>
<a href="#" class="social-button facebook"><i class="fa fa-facebook"></i></a>
<a href="#" class="social-button google"><i class="fa fa-google-plus"></i></a>
<a href="#" class="social-button dribbble"><i class="fa fa-dribbble"></i></a>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- //header -->
<div class="w3agile-address">
<div class="container">
<ul>
<li><i class="fa fa-map-marker" aria-hidden="true"></i>Broome St, Canada, NY 10002, New York</li>
<li><i class="fa fa-phone" aria-hidden="true"> </i> +01 111 222 3333</li>
<li><i class="fa fa-envelope" aria-hidden="true"></i><a href="mailto:[email protected]"> [email protected]</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- //banner -->
<!-- about -->
<div class="about">
<div class="container">
<div class="w3ls-title">
<h2 class="agileits-title">About Me</h2>
</div>
<div class="about-agileinfo">
<div class="col-md-4 col-sm-4 about-left ">
<img src="images/img1.jpg" class="img-responsive" alt=""/>
</div>
<div class="col-md-8 col-sm-8 about-right wthree">
<h3>Hi, i'm <span>Wikolia Mark </span></h3>
<h4>Web Designer & Developer </h4>
<ul class="address">
<li>
<ul class="agileits-address-text ">
<li><b>D.O.B :</b></li>
<li>23-06-1980</li>
</ul>
</li>
<li>
<ul class="agileits-address-text">
<li><b>PHONE : </b></li>
<li>+00 111 222 3333</li>
</ul>
</li>
<li>
<ul class="agileits-address-text">
<li><b>ADDRESS :</b></li>
<li>756 global Place, North Sydney, Canada.</li>
</ul>
</li>
<li>
<ul class="agileits-address-text">
<li><b>E-MAIL :</b></li>
<li><a href="mailto:[email protected]"> [email protected]</a></li>
</ul>
</li>
<li>
<ul class="agileits-address-text">
<li><b>WEBSITE :</b></li>
<li><a href="https://w3layouts.com">www.myresume.com</a></li>
</ul>
</li>
</ul>
<div class="social-wthree-icons">
<ul>
<li><a href="#" class="fa fa-facebook icon icon-border facebook"> </a></li>
<li><a href="#" class="fa fa-twitter icon icon-border twitter"> </a></li>
<li><a href="#" class="fa fa-google-plus icon icon-border googleplus"> </a></li>
<li><a href="#" class="fa fa-dribbble icon icon-border dribbble"> </a></li>
</ul>
<div class="clearfix"> </div>
</div>
<div class="hire-w3lgrids">
<a href="#" class="wthree-more nina" data-text="DOWNLOAD CV">
<span>D</span><span>o</span><span>w</span><span>n</span><span>l</span><span>o</span><span>a</span><span>d</span> <span>c</span><span>v</span>
</a>
<a href="#" class="wthree-more w3more1 nina" data-text="hire me">
<span>h</span><span>i</span><span>r</span><span>e</span> <span>m</span><span>e</span>
</a>
</div>
</div>
<div class="clearfix"> </div>
<div class="about-text agileits-w3layouts">
<p> Aliquam aliquet sapien quis mauris semper suscipit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse laoreet sem sit amet dolor luctus pellentesque. Pellentesque eleifend tellus at interdum elementum. Nam egestas molestie elit. Vivamus sed accumsan quam, a mollis magna. Nam aliquet eros eget sapien consequat tincidunt at vel nibh sed accumsan quam.
Maecenas pharetra dapibus posuere. Praesent odio sem, varius quis dolor vel, maximus dapibus mi. Pellentesque mattis mauris neque. Nam aliquam turpis ante, at cursus massa ullamcorper ut.<br>Nam egestas molestie elit. Vivamus sed accumsan quam, a mollis magna. Nam aliquet eros eget sapien consequat tincidunt at vel nibh sed accumsan quam.
uspendisse laoreet sem sit amet dolor luctus pellentesque Maecenas pharetra dapibus posuere. Praesent odio sem, varius quis dolor vel, maximus dapibus mi. Pellentesque mattis mauris neque. Nam aliquam turpis ante, at cursus massa ullamcorper ut eleifend tellus at interdum elementum.</p>
</div>
</div>
</div>
</div>
<!-- //about -->
<!-- footer -->
<div class="w3agile-footer">
<div class="container">
<p>© 2017 Trendy CV. All rights reserved | Design by <a href="https://w3layouts.com/" target="_blank">W3layouts.</a></p>
</div>
</div>
<!-- //footer -->
<!-- menu-js -->
<script>
$('.navicon').on('click', function (e) {
e.preventDefault();
$(this).toggleClass('navicon--active');
$('.toggle').toggleClass('toggle--active');
});
</script>
<!-- //menu-js -->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/bootstrap.js"></script>
</body>
</html>