Header nav.

This commit is contained in:
mmacneil 2019-08-18 22:15:19 -03:00
parent 0e34367715
commit 21d484ca77

94
src/dist/index.html vendored
View File

@ -61,6 +61,7 @@
<section class="section"> <section class="section">
<div class="container"> <div class="container">
<h1 class="title">About Me</h1> <h1 class="title">About Me</h1>
<hr />
<p>I'm a senior developer whose spent the last 14+ years obsessively <p>I'm a senior developer whose spent the last 14+ years obsessively
helping deliver .NET-based web, mobile and cloud solutions across a variety of industries and helping deliver .NET-based web, mobile and cloud solutions across a variety of industries and
clients from small startups to large enterprises like Macy's and McDonald's.</p> clients from small startups to large enterprises like Macy's and McDonald's.</p>
@ -69,6 +70,7 @@
<section class="section"> <section class="section">
<div class="container"> <div class="container">
<h1 class="title">Experience</h1> <h1 class="title">Experience</h1>
<hr />
<div class="card"> <div class="card">
<div class="card-content"> <div class="card-content">
<div class="media"> <div class="media">
@ -109,31 +111,83 @@
</div> </div>
</div> </div>
</div> </div>
<section class="section"> </div>
<div class="container"> </section>
<h1 class="title">Projects</h1>
<div class="tile is-ancestor"> <section class="section">
<div class="tile is-4 is-vertical is-parent"> <div class="container">
<div class="tile is-child box"> <h1 class="title">Projects</h1>
<p class="title">One</p> <hr />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p> <div class="tile is-ancestor">
</div> <div class="tile is-vertical is-12">
<div class="tile is-child box"> <div class="tile">
<p class="title">Two</p> <div class="tile is-parent is-vertical">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p> <article class="tile is-child notification is-info">
</div> <p class="title">Middle tile</p>
<p class="subtitle">With an image</p>
<figure class="image is-4by3">
<img src="https://bulma.io/images/placeholders/640x480.png">
</figure>
</article>
</div>
<div class="tile is-parent">
<article class="tile is-child notification is-info">
<p class="title">Middle tile</p>
<p class="subtitle">With an image</p>
<figure class="image is-4by3">
<img src="https://bulma.io/images/placeholders/640x480.png">
</figure>
</article>
</div>
<div class="tile is-parent">
<article class="tile is-child notification is-info">
<p class="title">Middle tile</p>
<p class="subtitle">With an image</p>
<figure class="image is-4by3">
<img src="https://bulma.io/images/placeholders/640x480.png">
</figure>
</article>
</div>
</div>
</div>
</div>
<div class="tile is-ancestor">
<div class="tile is-vertical is-12">
<div class="tile">
<div class="tile is-parent is-vertical">
<article class="tile is-child notification is-info">
<p class="title">Middle tile</p>
<p class="subtitle">With an image</p>
<figure class="image is-4by3">
<img src="https://bulma.io/images/placeholders/640x480.png">
</figure>
</article>
</div> </div>
<div class="tile is-parent"> <div class="tile is-parent">
<div class="tile is-child box"> <article class="tile is-child notification is-info">
<p class="title">Three</p> <p class="title">Middle tile</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.</p> <p class="subtitle">With an image</p>
<p>Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.</p> <figure class="image is-4by3">
<p>Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.</p> <img src="https://bulma.io/images/placeholders/640x480.png">
</div> </figure>
</article>
</div>
<div class="tile is-parent">
<article class="tile is-child notification is-info">
<p class="title">Middle tile</p>
<p class="subtitle">With an image</p>
<figure class="image is-4by3">
<img src="https://bulma.io/images/placeholders/640x480.png">
</figure>
</article>
</div> </div>
</div> </div>
</div>
</div> </div>
</section>
</div> </div>
</section> </section>