-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
121 lines (107 loc) · 3.35 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
<!DOCTYPE html>
<html lang="en-us">
<head>
<title>David's Portfolio</title>
<link rel="stylesheet" type="text/css" href="./assets/css/style.css" />
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="robots" content="noindex">
</head>
<body>
<!-- navigation bar -->
<header>
<h1>
<a href="/">Barraza</a>
</h1>
<nav>
<ul>
<li><a href="#about">About Me</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#contact">Contact Me</a></li>
<li><a href="#">Resume</a></li>
</ul>
</nav>
</header>
<!-- end navigation -->
<!-- hero/jobotron -->
<section class="hero">
<!-- picture of me -->
<div class="hero-picture">
<img alt="selfie shot of David Barraza"
src="./assets/images/Selfie250.jpeg">
</div>
<!-- Title and short paragraph -->
<div class="hero-cool-subtitle">
<h2>This is who I am</h2>
<p>Father, Physiologist, Scientist, Analyst, Veteran, Developer...</p>
</div>
</section>
<section id="about" class="about-me">
<div class="about-me-left">
<h2>About <br>Me</h2>
</div>
<div class=about-me-right>
<p>I am currently a biomedical research associate at the US Institute of Surgical
Research. I have a master's degree in neurobiology from UTSA. I have done biology
related research for over 13 years. My research experience in physiology includes
the system of microcirculation, hemorrhagic shock and coagulation, and
neurophysiology and electrophysiology of neurons in the brain.
</p>
<p>
In my job as a researcher I have used computer programming to analyze data and to
make computational simulations. I have worked with many different languages over
the years. Now I am taking a bootcamp course to become a full stack developer. My
goal is to switch careers to become a full time developer.
</p>
</div>
</section>
<!-- Work section -->
<section id="projects" class="projects">
<div class="projects-left">
<h2>Projects</h2>
</div>
<!-- Run Buddy image -->
<div>
<div id="run-buddy" class="projects-right">
<h4>Run Buddy project</h4>
<a href="https://dbcomps.github.io/run-buddy/">
<img alt="Run Buddy hero image"
src="./assets/images/hero-bg800.jpg">
</a>
</div>
<div id="onit-home" class="projects-right">
<h4>Group project - Onit - Music on demand</h4>
<a href="https://brenbrenda55.github.io/onit/">
<img alt="onit Music Home Page"
src="./assets/images/onitHomePage.png">
</a>
</div>
<div id="onit-tracks" class="projects-right">
<a href="https://brenbrenda55.github.io/onit/">
<img alt="onit Tracks"
src="./assets/images/onitTracks.png">
</a>
</div>
</div>
<br>
<br>
<br>
<!-- examples of my developer work -->
</section>
<footer id="contact">
<!-- Contant me section -->
<div>
<h2>Contact</h2>
</div>
<div>
<ul>
<li><a href="">555.555.5555</a></li>
<li><a href="https://dbcomps.github.io/Portfolio/">
Portfolio Page</a></li>
<li><a href="https://github.com/dbcomps/">GitHub</a></li>
<li><a href="http://www.twitter.com/@david_dbcomps">Twitter</a></li>
</ul>
</div>
</footer>
</body>
</html>