-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathbio.html
More file actions
68 lines (68 loc) · 4.93 KB
/
bio.html
File metadata and controls
68 lines (68 loc) · 4.93 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
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en_us"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>David L. Starr</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel=icon href="images/boys.jpg">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Muli" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<link href="css/bootstrapEdits.css" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<div class="container-fluid">
<div class="row row-centered">
<div class="col-xs-12 col-centered">
<div class="row city">
<div class="col-sm-12 center">
<div class="">
<a href="index.html"><h1>David L. Starr</h1></a>
<div class="row">
<img class="col-sm-10 offset-sm-1 underline img-fluid" src="images/underline.png">
</div>
</div>
</div>
</div>
<div class="row bar">
<div class="container">
<div class="col-md-8 col-sm-12 col-centered">
<div class="navbar navbar-expand-lg">
<a href="bio.html" data-href="bio" class="col-xs-3 nav-item nav-link active">Bio</a>
<a href="portfolio.html" data-href="portfolio" class="col-xs-3 nav-item nav-link">Portfolio</a>
<a href="resume.html" data-href="resume" class="col-xs-3 nav-item nav-link">Resume</a>
<a href="contact.html" data-href="contact" class="col-xs-3 nav-item nav-link">Contact</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row content-row">
<div class="container content active" id="content">
<div class="col-md-5 col-lg-4 col-xs-12" style="z-index: 2">
<img src="images/biopic.jpg" alt="Bio Picture" class="bioimage float-left img-fluid">
</div>
<div class="bio offset-md-5 col-md-7 offset-lg-4 col-lg-8 col-xs-12">
<h2>David Starr</h2>
<p><b>Web Developer, Pop-Punk Guitarist, Theology Enthusiast, Cross-Continental Cyclist</b></p>
<p>Detail-oriented, Oakland-based Web Developer with a passion for problem-solving and taking on large projects. Holds an education from UC Berkeley’s Full Stack Flex Boot Camp, a BS in Physics from North Park University, and two web developer certificates from FreeCodeCamp.org.</p>
<p>Proficient in JavaScript, CSS, jQuery, Bootstrap, and Paint.net. Showcases regard for aesthetics and a scrupulous attention to precision through music composition, 3D modeling, and innovative website layout design. Highly values tasteful creativity and encouraging others’ personal flair in development. Warmly professional individual who persistently loves learning and working with a community to put the best product forward. Demonstrates preparedness for a career in Web Development through a diverse technical skill set combined with an ability to take on challenges of all sizes and an enterprising attitude.</p>
</div>
</div>
</div>
</div>
<script src="js/index.js"></script>
</body>
</html>