<%- include('partials/head') %>

    <div class="container">

        <%- include('partials/navbar') %>

            <div class="container-fluid">
                <div class="row">
                    <div class="col text-center">
                        <h1 class="mt-3">About Us</h1>
                        <hr class="mb-5">
                    </div>
                </div>
            </div>

    </div>

    <div class="container">

        <div class="row justify-content-center align-items-center">
            <div class="col-12  col-lg-5  ml-0 d-flex justify-content-center">
                <img class="headshot" src="../images/Louis_headshot.jpg" alt="">
            </div>
            <div class="col text-center">
                <h2 class="fs-1 py-3">Louis Barrilleaux</h2>
                <hr>
                <p class="lead fs-6">My name is
                    Louis Barrilleaux.
                    I am a co-owner and the founder of Multiple Dynamic.
                    Our primary goal is helping buisnesses reach a larger group of customers.
                    We do this through providing buisnesses with their very own website.
                    As a lifetime resident of Lake Charles, Louisiana and graduating McNeese State University in
                    Mechanical
                    Engineering, I
                    noted that there were many wonderful, customer-friendly buisnesses that did not have
                    the time and energy needed to
                    construct a website to support their modern needs.
                    As someone who has always had a drive for creating, a passion for technology, and worked in
                    software development, it seemed
                    obvious to me that something must be done. Thus, Multiple Dynamic was created.
                    Languages I'm familiar with are Salesforce, HTML, Java, Angular, and Python to name a few.

                </p>
                <p>
                    -lbarrilleaux@gmail.com-
                </p>
                <a href="https://www.linkedin.com/in/louis-barrilleaux-524487180/" class="social" id="linkedin">
                    <svg xmlns="http://www.w3.org/2000/svg" width="2em" height="2em" fill="currentColor"
                        class="bi bi-linkedin m-2" viewBox="0 0 16 16">
                        <path
                            d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z" />
                    </svg>
                </a>
                <a href="https://github.com/lbarrillea" class="social" id="github">
                    <svg xmlns="http://www.w3.org/2000/svg" width="2em" height="2em" fill="currentColor"
                        class="bi bi-github m-2" viewBox="0 0 16 16">
                        <path
                            d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z" />
                    </svg>
                </a>
                <hr class="d-sm-block">

            </div>
        </div>

        <div class="row justify-content-center align-items-center mt-5 mb-5">
            <div class="col-12 order-1 order-lg-2 col-lg-6 ml-0 d-flex justify-content-center ">
                <img class="headshot" src="../images/Nathan_headshot.PNG" alt="">
            </div>
            <div class="col order-2 order-lg-1 text-center">
                <h2 class="fs-1 py-3">Nathan Guidry</h2>
                <hr>
                <p class="lead">Hi, I'm Nathan, co-owner of Multiple Dynamic. I was born and raised in Lake Charles,
                    Louisiana. I have a real
                    knack
                    for problem solving, and the next problem on my hands could be yours! Currently, I'm embarking
                    on a
                    double-degree from McNeese State University for Computer Science and Mathematics. The
                    programming
                    technologies I'm most proficient in are: HTML, CSS, Javascript, Bootstrap, NodeJS/Express,
                    MongoDB,
                    and Java. My hobbies
                    include: skateboarding, fishing, coding, reading, and adventuring.
                </p>
                <p>
                    -nathanguidry10@gmail.com-
                </p>
                <a href="https://www.linkedin.com/in/nathan-guidry-738783205/" class="social" id="linkedin">
                    <svg xmlns="http://www.w3.org/2000/svg" width="2em" height="2em" fill="currentColor"
                        class="bi bi-linkedin m-2" viewBox="0 0 16 16">
                        <path
                            d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z" />
                    </svg>
                </a>
                <a href="https://github.com/NathanGuidry" class="social" id="github">
                    <svg xmlns="http://www.w3.org/2000/svg" width="2em" height="2em" fill="currentColor"
                        class="bi bi-github m-2" viewBox="0 0 16 16">
                        <path
                            d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z" />
                    </svg>
                </a>
                <hr class="d-sm-block">

            </div>
        </div>
    </div>

    <%- include('partials/footer') %>