index.html

---
layout: layouts/default
title: Mark Bestavros
subtitle: My very own corner of the web.
---

<div class="home">
    <div class="mdc-card card">
        <div class="mdc-card__media card-local-media--16-9">
            {% responsiveImage, "content/personal/profile_fall_2019.JPG", "" %}
        </div>
        <div class="card--primary">
            <h2 class="card--title mdc-typography mdc-typography--headline4">Hey there! I'm Mark.</h2>
            <h3 class="home-card__subtitle mdc-typography mdc-typography--body1">Welcome to my little slice of the web!
            </h3>
            <h3 class="home-card__subtitle mdc-typography mdc-typography--body1">I'm a Boston-based software engineer.
                If you'd like to know more about me,
                what I do, and what I enjoy, have a look at my detailed About page on the top navbar. If you're
                interested in reading my thoughts on various topics (usually technology related), check out my blog,
                also linked up top.</h3>
            <h3 class="home-card__subtitle mdc-typography mdc-typography--body1">Otherwise, I've also included a few
                places you can find me just below.</h3>
            <h3 class="home-card__subtitle mdc-typography mdc-typography--body1">Thanks for stopping by!</h3>
        </div>
    </div>
    <footer>
        <div class="fabs">
            <button class="fab mdc-fab mdc-fab--extended" aria-label="Github" id="home-github-button"
                onclick="window.location.href='https://github.com/mbestavros'">
                <div class="mdc-fab__ripple"></div>
                <span class="mdc-fab__icon material-icons">code</span>
                <span class="mdc-fab__label">Github</span>
            </button>
            <button class="fab mdc-fab mdc-fab--extended" aria-label="LinkedIn" id="home-linkedin-button"
                onclick="window.location.href='https://www.linkedin.com/in/mbestavros/'">
                <div class="mdc-fab__ripple"></div>
                <span class="mdc-fab__icon material-icons">work</span>
                <span class="mdc-fab__label">LinkedIn</span>
            </button>
            <button class="fab mdc-fab mdc-fab--extended" aria-label="Mastodon" id="home-mastodon-button"
                onclick="window.location.href='https://fosstodon.org/@mbestavros'">
                <div class="mdc-fab__ripple"></div>
                <span class="mdc-fab__icon material-icons">create</span>
                <span class="mdc-fab__label">Mastodon</span>
            </button>
        </div>
        <div style="visibility: hidden">
            <a rel="me" href="https://fosstodon.org/@mbestavros">Mastodon</a>
        </div>
    </footer>
</div>