Huy Hoang Vo

2 bundles
1 file20 days ago
2

file.html

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="../css/container/getIntouch.css">
    <link rel="stylesheet" href="../css/title.css">;
    <link rel="stylesheet" href="../css/container/introTimeline.css">
</head>

<body>


    <div class="body-intro">
        <h3 class="title">
            <div class="title__number">0.2</div>
            <div class="title__content">Where I've Worked</div>
            <div class="title__line"></div>
        </h3>
        <div class="intro-timeline">
            <div class="intro-timeline_tab">
                <button class="intro-timeline__tab-item" onclick="openCity(event, 'Upstatement')"
                    id="defaultOpen">Upstatement</button>
                <button class="intro-timeline__tab-item" onclick="openCity(event, 'Scout')">Scout</button>
                <button class="intro-timeline__tab-item" onclick="openCity(event, 'Apple')">Apple</button>
            </div>

            <div id="Upstatement" class="intro-timeline__item">
                <div class="item-title">
                    <h2 class="item-title__content">Engineer</h2>
                    <a class="item-title__link" href="#">@ Upstatement</a>
                </div>

                <div class="item-body">
                    <span class="item-body time">May 2018 - Present</span>
                    <p class="item-body__content">
                        Write modern, performant, maintainable code for a diverse array of client and internal
                        projects
                    </p>

                    <p class="item-body__content">
                        Work with a variety of different languages, platforms, frameworks, and content management
                        systems such as JavaScript, TypeScript, Gatsby, React, Craft, Wordpress, Prismic, and
                        Netlify
                    </p>
                    <p class="item-body__content">
                        Communicate with multi-disciplinary teams of engineers, designers, producers, and clients on
                        a daily basis
                    </p>
                </div>
            </div>

            <div id="Scout" class="intro-timeline__item">
                <div class="item-title">
                    <h2 class="item-title__content">Studio Developer</h2>
                    <a class="item-title__link" href="#">@ Scout</a>
                </div>
                <div class="item-body">
                    <span class="item-body time">Jan - April 2018</span>
                    <p class="item-body__content">
                        Worked with a team of three designers to build a marketing website and e-commerce platform for
                        blistabloc, an ambitious startup originating from Northeastern
                    </p>

                    <p class="item-body__content">
                        Helped solidify a brand direction for blistabloc that spans both packaging and web
                    </p>
                    <p class="item-body__content">
                        Interfaced with clients on a weekly basis, providing technological expertise
                    </p>
                </div>
            </div>

            <div id="Apple" class="intro-timeline__item">
                <div class="item-title">
                    <h2 class="item-title__content">UI Engineer Co-op</h2>
                    <a class="item-title__link" href="#"> @ Apple</a>
                </div>
                <div class="item-body">
                    <span class="item-body time">July - Dec 2017</span>
                    <p class="item-body__content">
                        Developed and shipped highly interactive web applications for Apple Music using Ember.js
                    </p>

                    <p class="item-body__content">
                        Built and shipped the Apple Music Extension within Facebook Messenger leveraging third-party
                        and internal APIs
                    </p>
                </div>
            </div>
        </div>
    </div>


    <script>
        function openCity(evt, cityName) {
            var i, tabcontent, tablinks;
            tabcontent = document.getElementsByClassName("intro-timeline__item ");
            for (i = 0; i < tabcontent.length; i++) {
                tabcontent[i].style.display = "none";
            }
            tablinks = document.getElementsByClassName("intro-timeline__tab-item");
            for (i = 0; i < tablinks.length; i++) {
                tablinks[i].className = tablinks[i].className.replace(" active", "");
            }
            document.getElementById(cityName).style.display = "block";
            evt.currentTarget.className += " active";
        }

        // Get the element with id="defaultOpen" and click on it
        document.getElementById("defaultOpen").click();
    </script>

    <div class="footer">
        <a class="footer__Link">Design and build by Team 2</a>
    </div>
</body>

</html>