-
Notifications
You must be signed in to change notification settings - Fork 0
/
index 2.html
131 lines (121 loc) · 4.27 KB
/
index 2.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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="./assets/css/style.css" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width">
<title>mambru82's Portfolio</title>
</head>
<body>
<!-- Beginning of navigation bar and header -->
<header>
<h1>
<a href="/">Eduardo Castro</a>
</h1>
<nav>
<!--unordered list element-->
<ul>
<!-- Anchor element-->
<li>
<a href="#about-me">About Me</a>
</li>
<li>
<a href="#work">Work / Active Projects</a>
</li>
<li>
<a href="#contact-info">Contact Me</a>
</li>
</ul>
</nav>
</header>
<!-- End of header and navigation bar -->
<!-- Hero section to be filled out -->
<section class="hero">
<div class="hero-content">
<h2>Coding issues: DNA and otherwise</h2>
</div>
</section>
<!-- End of hero section -->
<!-- About me section -->
<section id="about-me" class="content">
<div class="section-wrapper">
<div class="section-title">
<h2>About Me</h2>
</div>
<div class="section-content">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea laudantium ad qui at ipsam enim, laborum hic tempore mollitia neque voluptate assumenda unde excepturi iste illo ducimus fugiat blanditiis ipsum. Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia, nesciunt? Commodi eveniet maiores harum reiciendis et. Inventore ipsum culpa, eos exercitationem, repudiandae praesentium repellat temporibus cumque ipsam, dolorum magni voluptate.
</p>
</div>
</div>
</section>
<!-- Work section -->
<section id="work" class="content">
<div class="section-wrapper">
<div class="section-title">
<h2>Work</h2>
</div>
<div class="grid-wrapper">
<div class="grid-container">
<a href="#main" class="grid-item main">
<img src="assets/images/puffofsmoke.jpg" alt="Movie poster for the movie Monkey Shines"/>
</a>
<a href="#main" class="grid-item main">
<h3>Monkey Shines</h3>
<p>A brief introduction to the movie, etc</p>
</a>
<a href="#othertwo" class="grid-item other two">
<img src="assets/images/cuitacruela.jpg" alt="Portrait of Clara Zawadski, age 70" />
</a>
<a href="othertwo" class="grid-item other two">
<h3>Cuita Cruela</h3>
</a>
<a href="#otherthree" class="grid-item other three">
<img src="assets/images/clara.jpg" alt="placeholder"/>
</a>
<a href="otherthree" class="grid-item other three">
<h3>El Elegante</h3>
</a>
<a href="#otherfour" class="grid-item other four">
<img src="assets/images/bckgrnd.jpg" alt="karyotype analysis, annotated"/>
</a>
<a href="otherfour" class="grid-item other four">
<h3>DNA compare</h3>
</a>
<a href="#otherfive" class="grid-item other five">
<img src="assets/images/screenshot.jpg" alt="screenshot of run-buddy web-site"/>
</a>
<a href="#otherfive" class="grid-item other five">
<h3>Run Buddy</h3>
</a>
</div>
</div>
</div>
</section>
<!-- Contact info section -->
<section id="contact-info" class="content">
<div class= "section-wrapper">
<div class= "section-title">
<h2>Contact Me</h2>
</div>
<div class= "section-content">
<img src="assets/images/CASTRO-ECHEVERRY.JPG" alt="formal portrait of balding silly person"/>
<ul>
<!-- Anchor element-->
<li>
<a href="tel:555.55.55">555.55.55</a>
</li>
<li>
<a href="mailto:ecastro82@gmail.com">ecastro82@gmail.com</a>
</li>
<li>
<a href="https://github.com/mambru82/mambru82.github.io">GitHub</a>
</li>
</ul>
</div>
</div>
</section>
<footer>
</footer>
</body>
</html>