about.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TartCodes Portfolio</title>


    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Oswald:wght@400;700&family=Roboto:wght@400;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="css/style.css">
    <!-- <link rel="stylesheet" href="fontawesome.css"> -->
    <script src="https://kit.fontawesome.com/d8f5f7035a.js" crossorigin="anonymous"></script>
</head>
<body>
    

    <!-- Header -->
    <header class="header-about-page">
        <div class="portimg-grid-1 about-port">
            <div class="tart-logo-cont">
                <div class="side-img-container">
                    <div class="side-img"></div>
                </div>
                <img src="assets/tartcodeslogo.png" alt="">                 
            </div>                                     
        </div>        

        <!-- Nav -->

        <div class="nav-grid-2">
            <section class="nav-section">            
                <ul class="header-nav">
                    <li class="home"><a href="index.html">HOME</a></li>
                    <li><a href="about.html">ABOUT</a></li>
                    <li><a href="index.html#projects-link">PROJECTS</a></li>
                    <li><a href="#" >JOURNAL</a></li>
                </ul>

            <!-- links to social -->
            <div class="social-div">
                <ul class="social">                    
                    <li><a href="https://github.com/TartCodes" target="_blank"><i class="fa-brands fa-github-square"></i></a></li>
                    <li><a href="https://www.linkedin.com/in/matt-tartaglione/" target="_blank"><i class="fa-brands fa-linkedin"></i></a></li>
                    <li><a href="https://twitter.com/TartCodes" target="_blank"><i class="fa-brands fa-twitter-square"></i></a></li>
                    <li><a href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram-square"></i></a></li>               
                </ul>
            </div>
            </section>
        </div>

        <section class="about-section">
            <h2>ABOUT ME</h2>
            <p class="about-section-p">
                I’m Matt Tartaglione, a <span>Software Engineer</span> who specializes in full-stack web development. I know a multitude of languages including 
                    <span>HTML, CSS, JavaScript, Node.Js, and React</span> just to name a few. I also make a mean old fashioned, if you're into that sort of thing.
            </p>
    
            <p class="about-section-p">
                A computer nerd at heart, I’ve dabbled in coding and programming throughout my life. In late 2021, I decided to dive head-first into my passion of 
                    web development and haven’t looked back. With a strong background in law enforcement, my goal is to have my past experience 
                        and proficiency in coding come together like Voltron. That would be pretty dope, right?
            </p>    
                
            <p class="about-section-p">
                If you couldn’t tell by my last name, I come from a big, loud Italian family and wouldn’t have it any other way. Growing up most people called me <span>Tart</span>, 
                    and the nickname stuck with me. Outside of being a software engineer I’m an avid hiker, a diehard gamer, 
                        a pizza-making aficionado, and a huge movie buff. If I’m doing anything else, it probably involves food...
            </p>
            
            <p class="about-section-p">
                I’m currently based in Connecticut with my beautiful wife, Mallory, and our golden retriever, Kylo (yes, of course that’s a Star Wars reference). 
                    If you’re interested in learning more about my services, or just want to grab a drink and talk about what your favorite force powers are, then 
                        check out my social media pages or send me an email through the link below.
            </p>           
        </section>
        <div class="my-face">
            <!-- <img src="assets/mystoopidface.jpg" alt="Picture of Tarts goofy face"> -->
        </div>
    </header>

    <!-- <main>
        <div class="proficiencies">
            <h2>PROFICIENCIES</h2>
        </div>
        
        <div class="grid-skill-1 grid-skill-1-about">
            <h3>HTML 5</h3>
            <p>The universal markup language for the Web. Tags and more Tags.</p>                </div>
        </div>
        
        <div class="grid-skill-2 grid-skill-2-about">
            <h3>CSS</h3>
            <p>Why this website looks so beautiful. Helps detail the appearance of webpages.</p>
        </div>
        
        <div class="grid-skill-3 grid-skill-3-about">
            <h3>JavaScript</h3>
            <p>Everything is an object. Lets me make cool stuff.</p>
        </div>
        </section> -->
    <!-- </main> -->


    <!-- Footer -->

    <footer class="footer">

        <div class="footer-h5-wrap">
            <h5>READY? LET'S MAKE SOMETHING GREAT!</h5>
        </div>

        <div class="footer-grid" >

            <div class="get-in-touch">
                <span>GET IN TOUCH!</span>
            </div>

            <div class="end-paragraph">
                <p>While I'm good with smoke signals, there are simpler ways for us to connect and answer your questions.</p>
            </div>

            <div class="contact">
                <a href="mailto:tartCodes@gmail.com"> &#x27AF;<span>CONTACT</span></a>
            </div>

            <div class="foot-note">
                <p> &copy; 2022 Personal Portfolio By TartCodes</p>                
            </div>

            <div class="social-two-wrapper">
                <ul class="social-two"> 
                    <li><a href="https://github.com/TartCodes" target="_blank"><i class="fa-brands fa-github-square"></i></a></li>
                    <li><a href="https://www.linkedin.com/in/matt-tartaglione/" target="_blank"><i class="fa-brands fa-linkedin"></i></a></li>
                    <li><a href="https://twitter.com/TartCodes" target="_blank"><i class="fa-brands fa-twitter-square"></i></a></li>
                    <li><a href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram-square"></i></a></li>               
                </ul>
            </div>
        </div>


    </footer>
    
    
    </body>
</html>