-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
140 lines (126 loc) · 9.01 KB
/
index.html
File metadata and controls
140 lines (126 loc) · 9.01 KB
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" crossorigin="anonymous"></script>
<link rel="stylesheet" href="styles.css" >
<meta name="author" content="Mike White">
<link rel="shortcut icon" type="image/x-icon" href="favicon.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div class="container-fluid">
<!-- Begin Navbar -->
<nav class="navbar navbar-expand-md navbar-dark bg-dark">
<div class="mx-auto order-0">
<a class="navbar-brand" href="#"><span class="mb-0 h2">Mike White</span></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".dual-collapse2">
<span class="navbar-toggler-icon"></span>
</button>
</div>
<div class="navbar-collapse collapse w-100 order-3 dual-collapse2">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="portfolio.html">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</nav>
<!-- End Nav Bar -->
</div>
<!-- Begin main Content -->
<div class="bg">
<br />
<div class="container rounded">
<h2>About Me</h2>
<hr>
<div class="row">
<div class="col-sm-4">
<div style="max-width:300px;">
<img class="img-fluid float-left mr-3 rezimg" src="images/profile_pic.jpg" height="300px">
</div>
</div>
<div class="col-sm-8">
<p>Lorem ipsum dolor amet 90's sriracha meh viral flannel normcore kombucha microdosing vaporware echo park yuccie try-hard. Poke roof party before they sold out, thundercats pinterest gastropub iPhone craft beer. Gentrify VHS synth plaid, truffaut cred heirloom edison bulb irony butcher. Meh keytar meditation, distillery paleo lumbersexual bushwick before they sold out. </p>
<p>Schlitz pour-over pinterest cardigan, four loko taiyaki drinking vinegar franzen coloring book single-origin coffee +1. Skateboard green juice cronut roof party pok pok. Flexitarian +1 snackwave iceland, crucifix pug tousled. Truffaut cloud bread before they sold out mumblecore bicycle rights small batch.</p>
<p>Ramps typewriter tbh lo-fi man bun yuccie distillery deep v mustache crucifix raw denim hell of woke. Ethical cronut thundercats, you probably haven't heard of them irony godard kombucha four loko man braid farm-to-table. Lyft activated charcoal adaptogen you probably haven't heard of them woke ennui plaid tousled chillwave fingerstache. Snackwave ramps jean shorts fanny pack kombucha skateboard, fixie cray meditation meh.</p>
<p>Lorem ipsum dolor amet 90's sriracha meh viral flannel normcore kombucha microdosing vaporware echo park yuccie try-hard. Poke roof party before they sold out, thundercats pinterest gastropub iPhone craft beer. Gentrify VHS synth plaid, truffaut cred heirloom edison bulb irony butcher. Meh keytar meditation, distillery paleo lumbersexual bushwick before they sold out. </p>
</div>
</div>
</div>
</div>
</div>
<!-- End main Content -->
<!-- Footer -->
<section id="footer">
<div class="container">
<div class="row text-center text-xs-center text-sm-left text-md-left">
<div class="col-xs-12 col-sm-4 col-md-4">
<h5>Quick links</h5>
<ul class="list-unstyled quick-links">
<li><a href="javascript:void();"><i class="fa fa-angle-double-right"></i>Home</a></li>
<li><a href="javascript:void();"><i class="fa fa-angle-double-right"></i>About</a></li>
<li><a href="javascript:void();"><i class="fa fa-angle-double-right"></i>FAQ</a></li>
<li><a href="javascript:void();"><i class="fa fa-angle-double-right"></i>Get Started</a></li>
<li><a href="javascript:void();"><i class="fa fa-angle-double-right"></i>Videos</a></li>
</ul>
</div>
<div class="col-xs-12 col-sm-4 col-md-4">
<h5>Quick links</h5>
<ul class="list-unstyled quick-links">
<li><a href="javascript:void();"><i class="fa fa-angle-double-right"></i>Home</a></li>
<li><a href="javascript:void();"><i class="fa fa-angle-double-right"></i>About</a></li>
<li><a href="javascript:void();"><i class="fa fa-angle-double-right"></i>FAQ</a></li>
<li><a href="javascript:void();"><i class="fa fa-angle-double-right"></i>Get Started</a></li>
<li><a href="javascript:void();"><i class="fa fa-angle-double-right"></i>Videos</a></li>
</ul>
</div>
<div class="col-xs-12 col-sm-4 col-md-4">
<h5>Quick links</h5>
<ul class="list-unstyled quick-links">
<li><a href="javascript:void();"><i class="fa fa-angle-double-right"></i>Home</a></li>
<li><a href="javascript:void();"><i class="fa fa-angle-double-right"></i>About</a></li>
<li><a href="javascript:void();"><i class="fa fa-angle-double-right"></i>FAQ</a></li>
<li><a href="javascript:void();"><i class="fa fa-angle-double-right"></i>Get Started</a></li>
<li><a href="https://wwwe.sunlimetech.com" title="Design and developed by"><i class="fa fa-angle-double-right"></i>Imprint</a></li>
</ul>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 mt-2 mt-sm-5">
<ul class="list-unstyled list-inline social text-center">
<li class="list-inline-item"><a href="javascript:void();"><i class="fa fa-facebook"></i></a></li>
<li class="list-inline-item"><a href="javascript:void();"><i class="fa fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="javascript:void();"><i class="fa fa-instagram"></i></a></li>
<li class="list-inline-item"><a href="javascript:void();"><i class="fa fa-google-plus"></i></a></li>
<li class="list-inline-item"><a href="javascript:void();" target="_blank"><i class="fa fa-envelope"></i></a></li>
</ul>
</div>
</hr>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 mt-2 mt-sm-2 text-center text-white">
<p>The Gripser is a subsidiary of The Climbster, Inc. California [a wholly owned subsidiary of Mike White, Berkeley, CA]</p>
<p class="h6">© All right Reversed.<a class="text-green ml-2" href="http://www.joomla-go.com" target="_blank">Mike White</a></p>
</div>
</hr>
</div>
</div>
</section>
<!-- ./Footer -->
</body>
</html>