<commit_before><!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="utf-8">
        <meta name="theme-color" content="#455A64"/>
        <title>Tamim's Portfolio</title>
        <meta name="description" content="<NAME>'s portfolio'">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
        <link rel="stylesheet" href="https://code.getmdl.io/1.2.1/material.orange-red.min.css" />
        <script src="./material.min.js"></script>
        <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

        
    </head>

    <body>
        <style>
            .header-color.mdl-layout__header {
                background: #607d8b;
            }
            .row-color.mdl-layout__header-row {
                background: #607d8b;
                color: white;
            }
            .tab-color.mdl-layout__tab-bar {
                background: #607d8b;
            }
            .tab-font.mdl-layout__tab {
                color: white;
            }
        </style>
        <!-- Simple header with fixed tabs. -->
        <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header
            mdl-layout--fixed-tabs">
            <header class="header-color mdl-layout__header">
                <div class="row-color mdl-layout__header-row">
                        <!-- Title -->
                        <span class="mdl-layout-title">Portfolio</span>
                </div>
                <!-- Tabs -->
                <div class="tab-color mdl-layout__tab-bar mdl-js-ripple-effect">
                    <a href="#fixed-tab-1" class="tab-font mdl-layout__tab is-active">VR</a>
                    <a href="#fixed-tab-2" class="tab-font mdl-layout__tab">Machine Learning</a>
                    <a href="#fixed-tab-3" class="tab-font mdl-layout__tab">CG Portfolio</a>
                </div>
            </header>
            <div class="mdl-layout__drawer">
                <span class="mdl-layout-title">Portfolio</span>
                <!-- Navigation -->
                <nav class="mdl-navigation">
                    <a class="white-nav-link mdl-navigation__link" href="index.html">About</a>
                    <a class="white-nav-link mdl-navigation__link" href="portfolio.html">Portfolio</a>
                </nav>
            </div>
            <main class="mdl-layout__content">
                <section class="mdl-layout__tab-panel is-active" id="fixed-tab-1">
                    <div class="page-content">
                        <!-- Your content goes here -->
                        <style>
                            .mdl-grid {
                                justify-content: center;
                            } 
                        </style>
                        <main class="mdl-layout">
                            <div class = "mdl-grid">
                                <div class = "mdl-cell mdl-cell--12-col mdl-cell--hide-phone">
                                    <!-- Blog card -->
                                    <style>
                                        .vis-card-wide.mdl-card {
                                            width: 756px;
                                            
                                        }
                                        .vis-card-wide > .mdl-card__title {
                                            color: #fff;
                                            height: 256px;
                                            background: url('./assets/img/visualizer.PNG') center / cover;
                                        }
                                        .vis-card-wide > .mdl-card__menu {
                                            color: #fff;
                                        }
                                    </style>
                                    <div class="vis-card-wide mdl-card mdl-shadow--6dp">
                                        <div class="mdl-card__title">
                                            <h2 class="mdl-card__title-text">Muse VR</h2>
                                        </div>
                                        <div class="mdl-card__supporting-text">
                                            A VR music visualizer for Cardboard. The project is coded in Java using Android Studio to make the UI. The visualizers are made in Unity using C#.
                                        </div>
                                    </div>
                                </div>
                                <div class = "mdl-cell mdl-cell--12-col mdl-cell--hide-desktop">
                                    <!-- Blog card -->
                                    <style>
                                        .visPH-card-wide.mdl-card {

                                        }
                                        .visPH-card-wide > .mdl-card__title {
                                            color: #fff;
                                            height: 256px;
                                            background: url('./assets/img/visualizer.PNG') center / cover;
                                        }
                                        .visPH-card-wide > .mdl-card__menu {
                                            color: #fff;
                                        }
                                    </style>
                                    <div class="visPH-card-wide mdl-card mdl-shadow--6dp">
                                        <div class="mdl-card__title">
                                            <h2 class="mdl-card__title-text">Muse VR</h2>
                                        </div>
                                        <div class="mdl-card__supporting-text">
                                            A VR music visualizer for Cardboard. The project is coded in Java using Android Studio to make the UI. The visualizers are made in Unity using C#.
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class = "mdl-grid">
                                <div class = "mdl-cell mdl-cell--12-col mdl-cell--hide-phone">
                                    <!-- Blog card -->
                                    <style>
                                        .star-card-wide.mdl-card {
                                            width: 756px;
                                        }
                                        .star-card-wide > .mdl-card__title {
                                            color: #fff;
                                            height: 386px;
                                            background: url('./assets/img/starboard.png') center / cover;
                                        }
                                        .star-card-wide > .mdl-card__menu {
                                            color: #fff;
                                        }
                                    </style>
                                    <div class="star-card-wide mdl-card mdl-shadow--6dp">
                                        <div class="mdl-card__title">
                                            <h2 class="mdl-card__title-text">Starboard VR</h2>
                                        </div>
                                        <div class="mdl-card__supporting-text">
                                            A multiplayer VR space shooter game for Google Cardboard. Coding is done in C# using the Unity game engine. The multiplayer networking takes advantage of Android’s Google Play Games API.
                                        </div>
                                        <div class="mdl-card__actions mdl-card--border">
                                            <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" href="https://play.google.com/store/apps/details?id=design.starboard.game">
                                                Get it on the PlayStore
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class = "mdl-cell mdl-cell--12-col mdl-cell--hide-desktop">
                                    <!-- Blog card -->
                                    <style>
                                        .starPH-card-wide.mdl-card {
                                        }
                                        .starPH-card-wide > .mdl-card__title {
                                            color: #fff;
                                            height: 256px;
                                            background: url('./assets/img/starboard.png') center / cover;
                                        }
                                        .starPH-card-wide > .mdl-card__menu {
                                            color: #fff;
                                        }
                                    </style>
                                    <div class="starPH-card-wide mdl-card mdl-shadow--6dp">
                                        <div class="mdl-card__title">
                                            <h2 class="mdl-card__title-text">Starboard VR</h2>
                                        </div>
                                        <div class="mdl-card__supporting-text">
                                            A multiplayer VR space shooter game for Google Cardboard. Coding is done in C# using the Unity game engine. The multiplayer networking takes advantage of Android’s Google Play Games API.
                                        </div>
                                        <div class="mdl-card__actions mdl-card--border">
                                            <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" href="https://play.google.com/store/apps/details?id=design.starboard.game">
                                                Get it on the PlayStore
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class = "mdl-grid">
                                <div class = "mdl-cell mdl-cell--12-col mdl-cell--hide-phone">
                                    <!-- Blog card -->
                                    <style>
                                        .piano-card-wide.mdl-card {
                                            width: 756px;
                                        }
                                        .piano-card-wide > .mdl-card__title {
                                            color: #fff;
                                            height: 386px;
                                            background: url('./assets/img/hackcu.jpg') center / cover;
                                        }
                                        .piano-card-wide > .mdl-card__menu {
                                            color: #fff;
                                        }
                                    </style>
                                    <div class="piano-card-wide mdl-card mdl-shadow--6dp">
                                        <div class="mdl-card__title">
                                            <h2 class="mdl-card__title-text">HackCU: Virtual Piano</h2>
                                        </div>
                                        <div class="mdl-card__supporting-text">
                                            A virtual piano I made with friends at CU's hackathon.
                                        </div>
                                    </div>
                                </div>
                                <div class = "mdl-cell mdl-cell--12-col mdl-cell--hide-desktop">
                                    <!-- Blog card -->
                                    <style>
                                        .pianoPH-card-wide.mdl-card {
                                            
                                        }
                                        .pianoPH-card-wide > .mdl-card__title {
                                            color: #fff;
                                            height: 256px;
                                            background: url('./assets/img/hackcu.jpg') center / cover;
                                        }
                                        .pianoPH-card-wide > .mdl-card__menu {
                                            color: #fff;
                                        }
                                    </style>
                                    <div class="pianoPH-card-wide mdl-card mdl-shadow--6dp">
                                        <div class="mdl-card__title">
                                            <h2 class="mdl-card__title-text">HackCU: Virtual Piano</h2>
                                        </div>
                                        <div class="mdl-card__supporting-text">
                                            A virtual piano I made with friends at CU's hackathon.
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </main>
                    </div>
                </section>
                <section class="mdl-layout__tab-panel" id="fixed-tab-2">
                    <div class="page-content">
                        <!-- Your content goes here -->
                    </div>
                </section>
                <section class="mdl-layout__tab-panel" id="fixed-tab-3">
                    <div class="page-content">
                        <!-- Your content goes here -->
                        <main class="mdl-layout">
                            <div class="mdl-grid">
                                <div class="mdl-cell mdl-cell--6-col">
                                    <!-- Image card -->
                                    <style>
                                        .demo-card-image.mdl-card {
                                        	width: 386px;
                                            height: 512px;
                                            background: url('./assets/img/Pathway.png') center / cover;
                                        }
                                        .demo-card-image > .mdl-card__actions {
                                            height: 56px;
                                            padding: 8px;
                                            padding-left: 16px;
                                            background: rgba(0, 0, 0, 0.4);
                                        }
                                        .demo-card-image__filename {
                                            color: #fff;
                                            font-size: 15px;
                                            font-weight: 500;
                                        }
                                    </style>
                                    <div class="demo-card-image mdl-card mdl-shadow--6dp">
                                        <div class="mdl-card__title mdl-card--expand"></div>
                                        <div class="mdl-card__actions">
                                            <span class="demo-card-image__filename">
                                                <b>Pathway</b><br>
                                                <ion-tab>Blender, Substance Painter, Gimp
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="mdl-cell mdl-cell--6-col">
                                    <!-- Image card -->
                                    <style>
                                        .room-image.mdl-card {
                                            width: 386px;
                                            height: 512px;
                                            background: url('./assets/img/Room.png') center / cover;
                                        }
                                        .room-image > .mdl-card__actions {
                                            height: 56px;
                                            padding: 8px;
                                            padding-left: 16px;
                                            background: rgba(0, 0, 0, 0.4);
                                        }
                                        .room-card-image__filename {
                                            color: #fff;
                                            font-size: 15px;
                                            font-weight: 500;
                                        }
                                    </style>
                                    <div class="room-image mdl-card mdl-shadow--6dp">
                                        <div class="mdl-card__title mdl-card--expand"></div>
                                        <div class="mdl-card__actions">
                                            <span class="room-card-image__filename">
                                                <b>Livingroom</b><br>
                                                <ion-tab>Blender, Gimp
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="mdl-grid">
                                    <div class="mdl-cell mdl-cell--12-col mdl-cell--hide-phone">
                                        <!-- Image card -->
                                        <style>
                                            .hall-card-image.mdl-card {
                                        	    width: 772px;
                                                height: 386px;
                                                background: url('./assets/img/UE4_5.png') center / cover;
                                            }
                                            .hall-card-image > .mdl-card__actions {
                                                height: 56px;
                                                padding: 8px;
                                                padding-left: 16px;
                                                background: rgba(0, 0, 0, 0.4);
                                            }
                                            .hall-card-image__filename {
                                                color: #fff;
                                                font-size: 15px;
                                                font-weight: 500;
                                            }
                                        </style>
                                        <div class="hall-card-image mdl-card mdl-shadow--6dp">
                                            <div class="mdl-card__title mdl-card--expand"></div>
                                            <div class="mdl-card__actions">
                                                <span class="hall-card-image__filename">
                                                    <b>Hallway</b><br>
                                                    <ion-tab>Unreal Engine 4, Blender
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="mdl-cell mdl-cell--12-col mdl-cell--hide-desktop">
                                        <!-- Image card -->
                                        <style>
                                            .hallPH-card-image.mdl-card {
                                        	    width: 386px;
                                                height: 512px;
                                                background: url('./assets/img/UE4_5.png') center / cover;
                                            }
                                            .hallPH-card-image > .mdl-card__actions {
                                                height: 56px;
                                                padding: 8px;
                                                padding-left: 16px;
                                                background: rgba(0, 0, 0, 0.4);
                                            }
                                            .hallPH-card-image__filename {
                                                color: #fff;
                                                font-size: 15px;
                                                font-weight: 500;
                                            }
                                        </style>
                                        <div class="hallPH-card-image mdl-card mdl-shadow--6dp">
                                            <div class="mdl-card__title mdl-card--expand"></div>
                                            <div class="mdl-card__actions">
                                                <span class="hallPH-card-image__filename">
                                                    <b>Hallway</b><br>
                                                    <ion-tab>Unreal Engine 4, Blender
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="mdl-grid">
                                    <div class="mdl-cell mdl-cell--6-col">
                                        <!-- Image card -->
                                        <style>
                                            .earth-card-image.mdl-card {
                                        	    width: 386px;
                                                height: 512px;
                                                background: url('./assets/img/Earth.png') center / cover;
                                            }
                                            .earth-card-image > .mdl-card__actions {
                                                height: 56px;
                                                padding: 8px;
                                                padding-left: 16px;
                                                background: rgba(0, 0, 0, 0.4);
                                            }
                                            .earth-card-image__filename {
                                                color: #fff;
                                                font-size: 15px;
                                                font-weight: 500;
                                            }
                                        </style>
                                        <div class="earth-card-image mdl-card mdl-shadow--6dp">
                                            <div class="mdl-card__title mdl-card--expand"></div>
                                            <div class="mdl-card__actions">
                                                <span class="earth-card-image__filename">
                                                    <b>Earth</b><br>
                                                    <ion-tab>Blender
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="mdl-cell mdl-cell--6-col">
                                        <!-- Image card -->
                                        <style>
                                            .unreal-card-image.mdl-card {
                                        	    width: 386px;
                                                height: 512px;
                                                background: url('./assets/img/UE4.PNG') center / cover;
                                            }
                                            .unreal-card-image > .mdl-card__actions {
                                                height: 56px;
                                                padding: 8px;
                                                padding-left: 16px;
                                                background: rgba(0, 0, 0, 0.4);
                                            }
                                            .unreal-card-image__filename {
                                                color: #fff;
                                                font-size: 15px;
                                                font-weight: 500;
                                            }
                                        </style>
                                        <div class="unreal-card-image mdl-card mdl-shadow--6dp">
                                            <div class="mdl-card__title mdl-card--expand"></div>
                                            <div class="mdl-card__actions">
                                                <span class="unreal-card-image__filename">
                                                    <b>Alley</b><br>
                                                    <ion-tab>Unreal Engine 4, Substance Painter, Blender
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="mdl-grid">
                                    <div class="mdl-cell mdl-cell--12-col mdl-cell--hide-phone">
                                        <!-- Image card -->
                                        <style>
                                            .piano-card-image.mdl-card {
                                        	    width: 772px;
                                                height: 386px;
                                                background: url('./assets/img/Piano_3.png') center / cover;
                                            }
                                            .piano-card-image > .mdl-card__actions {
                                                height: 56px;
                                                padding: 8px;
                                                padding-left: 16px;
                                                background: rgba(0, 0, 0, 0.4);
                                            }
                                            .piano-card-image__filename {
                                                color: #fff;
                                                font-size: 15px;
                                                font-weight: 500;
                                            }
                                        </style>
                                        <div class="piano-card-image mdl-card mdl-shadow--6dp">
                                            <div class="mdl-card__title mdl-card--expand"></div>
                                            <div class="mdl-card__actions">
                                                <span class="piano-card-image__filename">
                                                    <b>Piano</b><br>
                                                    <ion-tab>Blender, Substance Painter
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="mdl-cell mdl-cell--12-col mdl-cell--hide-desktop">
                                        <!-- Image card -->
                                        <style>
                                            .pianoPH-card-image.mdl-card {
                                        	    width: 386px;
                                                height: 512px;
                                                background: url('./assets/img/Piano_3.png') center / cover;
                                            }
                                            .pianoPH-card-image > .mdl-card__actions {
                                                height: 56px;
                                                padding: 8px;
                                                padding-left: 16px;
                                                background: rgba(0, 0, 0, 0.4);
                                            }
                                            .pianoPH-card-image__filename {
                                                color: #fff;
                                                font-size: 15px;
                                                font-weight: 500;
                                            }
                                        </style>
                                        <div class="pianoPH-card-image mdl-card mdl-shadow--6dp">
                                            <div class="mdl-card__title mdl-card--expand"></div>
                                            <div class="mdl-card__actions">
                                                <span class="pianoPH-card-image__filename">
                                                    <b>Piano</b><br>
                                                    <ion-tab>Blender, Substance Painter
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                        </main>
                    </div>
                </section>
                <footer class="mdl-mega-footer">
                    <div class="mdl-mega-footer__top-section">
                        <div class="mdl-mega-footer__left-section">
                            <a  href="https://www.github.com/tamimsha">
                                <img src="./assets/img/white-github-256.png" height="32" width="32">
                            </a>
                            <a  href="https://www.linkedin.com/in/tamim-shaban-9b639a112">
                                <img src="./assets/img/linkedin-logo_white.png" height="32" width="32">
                            </a>
                        </div>
                        <div class="mdl-mega-footer__right-section">
                            <a href="index.html">About</a>
                            <a href="portfolio.html">Portfolio</a>
                            <a href="./assets/CV.pdf">Resume</a>
                        </div>
                    </div>
            </footer>
            </main> 
        </div>
    </body>

</html><commit_msg>Added tracking to portfolio<commit_after><!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="utf-8">
        <meta name="theme-color" content="#455A64"/>
        <title>Tamim's Portfolio</title>
        <meta name="description" content="<NAME> portfolio'">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
        <link rel="stylesheet" href="https://code.getmdl.io/1.2.1/material.orange-red.min.css" />
        <script src="./material.min.js"></script>
        <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

        
    </head>

    <body>
        <style>
            .header-color.mdl-layout__header {
                background: #607d8b;
            }
            .row-color.mdl-layout__header-row {
                background: #607d8b;
                color: white;
            }
            .tab-color.mdl-layout__tab-bar {
                background: #607d8b;
            }
            .tab-font.mdl-layout__tab {
                color: white;
            }
        </style>
        <!-- Simple header with fixed tabs. -->
        <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header
            mdl-layout--fixed-tabs">
            <header class="header-color mdl-layout__header">
                <div class="row-color mdl-layout__header-row">
                        <!-- Title -->
                        <span class="mdl-layout-title">Portfolio</span>
                </div>
                <!-- Tabs -->
                <div class="tab-color mdl-layout__tab-bar mdl-js-ripple-effect">
                    <a href="#fixed-tab-1" class="tab-font mdl-layout__tab is-active">VR</a>
                    <a href="#fixed-tab-2" class="tab-font mdl-layout__tab">Machine Learning</a>
                    <a href="#fixed-tab-3" class="tab-font mdl-layout__tab">CG Portfolio</a>
                </div>
            </header>
            <div class="mdl-layout__drawer">
                <span class="mdl-layout-title">Portfolio</span>
                <!-- Navigation -->
                <nav class="mdl-navigation">
                    <a class="white-nav-link mdl-navigation__link" href="index.html">About</a>
                    <a class="white-nav-link mdl-navigation__link" href="portfolio.html">Portfolio</a>
                </nav>
            </div>
            <main class="mdl-layout__content">
                <section class="mdl-layout__tab-panel is-active" id="fixed-tab-1">
                    <div class="page-content">
                        <!-- Your content goes here -->
                        <style>
                            .mdl-grid {
                                justify-content: center;
                            } 
                        </style>
                        <main class="mdl-layout">
                            <div class = "mdl-grid">
                                <div class = "mdl-cell mdl-cell--12-col mdl-cell--hide-phone">
                                    <!-- Blog card -->
                                    <style>
                                        .vis-card-wide.mdl-card {
                                            width: 756px;
                                            
                                        }
                                        .vis-card-wide > .mdl-card__title {
                                            color: #fff;
                                            height: 256px;
                                            background: url('./assets/img/visualizer.PNG') center / cover;
                                        }
                                        .vis-card-wide > .mdl-card__menu {
                                            color: #fff;
                                        }
                                    </style>
                                    <div class="vis-card-wide mdl-card mdl-shadow--6dp">
                                        <div class="mdl-card__title">
                                            <h2 class="mdl-card__title-text">Muse VR</h2>
                                        </div>
                                        <div class="mdl-card__supporting-text">
                                            A VR music visualizer for Cardboard. The project is coded in Java using Android Studio to make the UI. The visualizers are made in Unity using C#.
                                        </div>
                                    </div>
                                </div>
                                <div class = "mdl-cell mdl-cell--12-col mdl-cell--hide-desktop">
                                    <!-- Blog card -->
                                    <style>
                                        .visPH-card-wide.mdl-card {

                                        }
                                        .visPH-card-wide > .mdl-card__title {
                                            color: #fff;
                                            height: 256px;
                                            background: url('./assets/img/visualizer.PNG') center / cover;
                                        }
                                        .visPH-card-wide > .mdl-card__menu {
                                            color: #fff;
                                        }
                                    </style>
                                    <div class="visPH-card-wide mdl-card mdl-shadow--6dp">
                                        <div class="mdl-card__title">
                                            <h2 class="mdl-card__title-text">Muse VR</h2>
                                        </div>
                                        <div class="mdl-card__supporting-text">
                                            A VR music visualizer for Cardboard. The project is coded in Java using Android Studio to make the UI. The visualizers are made in Unity using C#.
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class = "mdl-grid">
                                <div class = "mdl-cell mdl-cell--12-col mdl-cell--hide-phone">
                                    <!-- Blog card -->
                                    <style>
                                        .star-card-wide.mdl-card {
                                            width: 756px;
                                        }
                                        .star-card-wide > .mdl-card__title {
                                            color: #fff;
                                            height: 386px;
                                            background: url('./assets/img/starboard.png') center / cover;
                                        }
                                        .star-card-wide > .mdl-card__menu {
                                            color: #fff;
                                        }
                                    </style>
                                    <div class="star-card-wide mdl-card mdl-shadow--6dp">
                                        <div class="mdl-card__title">
                                            <h2 class="mdl-card__title-text">Starboard VR</h2>
                                        </div>
                                        <div class="mdl-card__supporting-text">
                                            A multiplayer VR space shooter game for Google Cardboard. Coding is done in C# using the Unity game engine. The multiplayer networking takes advantage of Android’s Google Play Games API.
                                        </div>
                                        <div class="mdl-card__actions mdl-card--border">
                                            <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" href="https://play.google.com/store/apps/details?id=design.starboard.game">
                                                Get it on the PlayStore
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class = "mdl-cell mdl-cell--12-col mdl-cell--hide-desktop">
                                    <!-- Blog card -->
                                    <style>
                                        .starPH-card-wide.mdl-card {
                                        }
                                        .starPH-card-wide > .mdl-card__title {
                                            color: #fff;
                                            height: 256px;
                                            background: url('./assets/img/starboard.png') center / cover;
                                        }
                                        .starPH-card-wide > .mdl-card__menu {
                                            color: #fff;
                                        }
                                    </style>
                                    <div class="starPH-card-wide mdl-card mdl-shadow--6dp">
                                        <div class="mdl-card__title">
                                            <h2 class="mdl-card__title-text">Starboard VR</h2>
                                        </div>
                                        <div class="mdl-card__supporting-text">
                                            A multiplayer VR space shooter game for Google Cardboard. Coding is done in C# using the Unity game engine. The multiplayer networking takes advantage of Android’s Google Play Games API.
                                        </div>
                                        <div class="mdl-card__actions mdl-card--border">
                                            <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" href="https://play.google.com/store/apps/details?id=design.starboard.game">
                                                Get it on the PlayStore
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class = "mdl-grid">
                                <div class = "mdl-cell mdl-cell--12-col mdl-cell--hide-phone">
                                    <!-- Blog card -->
                                    <style>
                                        .piano-card-wide.mdl-card {
                                            width: 756px;
                                        }
                                        .piano-card-wide > .mdl-card__title {
                                            color: #fff;
                                            height: 386px;
                                            background: url('./assets/img/hackcu.jpg') center / cover;
                                        }
                                        .piano-card-wide > .mdl-card__menu {
                                            color: #fff;
                                        }
                                    </style>
                                    <div class="piano-card-wide mdl-card mdl-shadow--6dp">
                                        <div class="mdl-card__title">
                                            <h2 class="mdl-card__title-text">HackCU: Virtual Piano</h2>
                                        </div>
                                        <div class="mdl-card__supporting-text">
                                            A virtual piano I made with friends at CU's hackathon.
                                        </div>
                                    </div>
                                </div>
                                <div class = "mdl-cell mdl-cell--12-col mdl-cell--hide-desktop">
                                    <!-- Blog card -->
                                    <style>
                                        .pianoPH-card-wide.mdl-card {
                                            
                                        }
                                        .pianoPH-card-wide > .mdl-card__title {
                                            color: #fff;
                                            height: 256px;
                                            background: url('./assets/img/hackcu.jpg') center / cover;
                                        }
                                        .pianoPH-card-wide > .mdl-card__menu {
                                            color: #fff;
                                        }
                                    </style>
                                    <div class="pianoPH-card-wide mdl-card mdl-shadow--6dp">
                                        <div class="mdl-card__title">
                                            <h2 class="mdl-card__title-text">HackCU: Virtual Piano</h2>
                                        </div>
                                        <div class="mdl-card__supporting-text">
                                            A virtual piano I made with friends at CU's hackathon.
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </main>
                    </div>
                </section>
                <section class="mdl-layout__tab-panel" id="fixed-tab-2">
                    <div class="page-content">
                        <!-- Your content goes here -->
                    </div>
                </section>
                <section class="mdl-layout__tab-panel" id="fixed-tab-3">
                    <div class="page-content">
                        <!-- Your content goes here -->
                        <main class="mdl-layout">
                            <div class="mdl-grid">
                                <div class="mdl-cell mdl-cell--6-col">
                                    <!-- Image card -->
                                    <style>
                                        .demo-card-image.mdl-card {
                                        	width: 386px;
                                            height: 512px;
                                            background: url('./assets/img/Pathway.png') center / cover;
                                        }
                                        .demo-card-image > .mdl-card__actions {
                                            height: 56px;
                                            padding: 8px;
                                            padding-left: 16px;
                                            background: rgba(0, 0, 0, 0.4);
                                        }
                                        .demo-card-image__filename {
                                            color: #fff;
                                            font-size: 15px;
                                            font-weight: 500;
                                        }
                                    </style>
                                    <div class="demo-card-image mdl-card mdl-shadow--6dp">
                                        <div class="mdl-card__title mdl-card--expand"></div>
                                        <div class="mdl-card__actions">
                                            <span class="demo-card-image__filename">
                                                <b>Pathway</b><br>
                                                <ion-tab>Blender, Substance Painter, Gimp
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="mdl-cell mdl-cell--6-col">
                                    <!-- Image card -->
                                    <style>
                                        .room-image.mdl-card {
                                            width: 386px;
                                            height: 512px;
                                            background: url('./assets/img/Room.png') center / cover;
                                        }
                                        .room-image > .mdl-card__actions {
                                            height: 56px;
                                            padding: 8px;
                                            padding-left: 16px;
                                            background: rgba(0, 0, 0, 0.4);
                                        }
                                        .room-card-image__filename {
                                            color: #fff;
                                            font-size: 15px;
                                            font-weight: 500;
                                        }
                                    </style>
                                    <div class="room-image mdl-card mdl-shadow--6dp">
                                        <div class="mdl-card__title mdl-card--expand"></div>
                                        <div class="mdl-card__actions">
                                            <span class="room-card-image__filename">
                                                <b>Livingroom</b><br>
                                                <ion-tab>Blender, Gimp
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="mdl-grid">
                                    <div class="mdl-cell mdl-cell--12-col mdl-cell--hide-phone">
                                        <!-- Image card -->
                                        <style>
                                            .hall-card-image.mdl-card {
                                        	    width: 772px;
                                                height: 386px;
                                                background: url('./assets/img/UE4_5.png') center / cover;
                                            }
                                            .hall-card-image > .mdl-card__actions {
                                                height: 56px;
                                                padding: 8px;
                                                padding-left: 16px;
                                                background: rgba(0, 0, 0, 0.4);
                                            }
                                            .hall-card-image__filename {
                                                color: #fff;
                                                font-size: 15px;
                                                font-weight: 500;
                                            }
                                        </style>
                                        <div class="hall-card-image mdl-card mdl-shadow--6dp">
                                            <div class="mdl-card__title mdl-card--expand"></div>
                                            <div class="mdl-card__actions">
                                                <span class="hall-card-image__filename">
                                                    <b>Hallway</b><br>
                                                    <ion-tab>Unreal Engine 4, Blender
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="mdl-cell mdl-cell--12-col mdl-cell--hide-desktop">
                                        <!-- Image card -->
                                        <style>
                                            .hallPH-card-image.mdl-card {
                                        	    width: 386px;
                                                height: 512px;
                                                background: url('./assets/img/UE4_5.png') center / cover;
                                            }
                                            .hallPH-card-image > .mdl-card__actions {
                                                height: 56px;
                                                padding: 8px;
                                                padding-left: 16px;
                                                background: rgba(0, 0, 0, 0.4);
                                            }
                                            .hallPH-card-image__filename {
                                                color: #fff;
                                                font-size: 15px;
                                                font-weight: 500;
                                            }
                                        </style>
                                        <div class="hallPH-card-image mdl-card mdl-shadow--6dp">
                                            <div class="mdl-card__title mdl-card--expand"></div>
                                            <div class="mdl-card__actions">
                                                <span class="hallPH-card-image__filename">
                                                    <b>Hallway</b><br>
                                                    <ion-tab>Unreal Engine 4, Blender
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="mdl-grid">
                                    <div class="mdl-cell mdl-cell--6-col">
                                        <!-- Image card -->
                                        <style>
                                            .earth-card-image.mdl-card {
                                        	    width: 386px;
                                                height: 512px;
                                                background: url('./assets/img/Earth.png') center / cover;
                                            }
                                            .earth-card-image > .mdl-card__actions {
                                                height: 56px;
                                                padding: 8px;
                                                padding-left: 16px;
                                                background: rgba(0, 0, 0, 0.4);
                                            }
                                            .earth-card-image__filename {
                                                color: #fff;
                                                font-size: 15px;
                                                font-weight: 500;
                                            }
                                        </style>
                                        <div class="earth-card-image mdl-card mdl-shadow--6dp">
                                            <div class="mdl-card__title mdl-card--expand"></div>
                                            <div class="mdl-card__actions">
                                                <span class="earth-card-image__filename">
                                                    <b>Earth</b><br>
                                                    <ion-tab>Blender
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="mdl-cell mdl-cell--6-col">
                                        <!-- Image card -->
                                        <style>
                                            .unreal-card-image.mdl-card {
                                        	    width: 386px;
                                                height: 512px;
                                                background: url('./assets/img/UE4.PNG') center / cover;
                                            }
                                            .unreal-card-image > .mdl-card__actions {
                                                height: 56px;
                                                padding: 8px;
                                                padding-left: 16px;
                                                background: rgba(0, 0, 0, 0.4);
                                            }
                                            .unreal-card-image__filename {
                                                color: #fff;
                                                font-size: 15px;
                                                font-weight: 500;
                                            }
                                        </style>
                                        <div class="unreal-card-image mdl-card mdl-shadow--6dp">
                                            <div class="mdl-card__title mdl-card--expand"></div>
                                            <div class="mdl-card__actions">
                                                <span class="unreal-card-image__filename">
                                                    <b>Alley</b><br>
                                                    <ion-tab>Unreal Engine 4, Substance Painter, Blender
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="mdl-grid">
                                    <div class="mdl-cell mdl-cell--12-col mdl-cell--hide-phone">
                                        <!-- Image card -->
                                        <style>
                                            .piano-card-image.mdl-card {
                                        	    width: 772px;
                                                height: 386px;
                                                background: url('./assets/img/Piano_3.png') center / cover;
                                            }
                                            .piano-card-image > .mdl-card__actions {
                                                height: 56px;
                                                padding: 8px;
                                                padding-left: 16px;
                                                background: rgba(0, 0, 0, 0.4);
                                            }
                                            .piano-card-image__filename {
                                                color: #fff;
                                                font-size: 15px;
                                                font-weight: 500;
                                            }
                                        </style>
                                        <div class="piano-card-image mdl-card mdl-shadow--6dp">
                                            <div class="mdl-card__title mdl-card--expand"></div>
                                            <div class="mdl-card__actions">
                                                <span class="piano-card-image__filename">
                                                    <b>Piano</b><br>
                                                    <ion-tab>Blender, Substance Painter
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="mdl-cell mdl-cell--12-col mdl-cell--hide-desktop">
                                        <!-- Image card -->
                                        <style>
                                            .pianoPH-card-image.mdl-card {
                                        	    width: 386px;
                                                height: 512px;
                                                background: url('./assets/img/Piano_3.png') center / cover;
                                            }
                                            .pianoPH-card-image > .mdl-card__actions {
                                                height: 56px;
                                                padding: 8px;
                                                padding-left: 16px;
                                                background: rgba(0, 0, 0, 0.4);
                                            }
                                            .pianoPH-card-image__filename {
                                                color: #fff;
                                                font-size: 15px;
                                                font-weight: 500;
                                            }
                                        </style>
                                        <div class="pianoPH-card-image mdl-card mdl-shadow--6dp">
                                            <div class="mdl-card__title mdl-card--expand"></div>
                                            <div class="mdl-card__actions">
                                                <span class="pianoPH-card-image__filename">
                                                    <b>Piano</b><br>
                                                    <ion-tab>Blender, Substance Painter
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                        </main>
                    </div>
                </section>
                <footer class="mdl-mega-footer">
                    <div class="mdl-mega-footer__top-section">
                        <div class="mdl-mega-footer__left-section">
                            <a  href="https://www.github.com/tamimsha">
                                <img src="./assets/img/white-github-256.png" height="32" width="32">
                            </a>
                            <a  href="https://www.linkedin.com/in/tamim-shaban-9b639a112">
                                <img src="./assets/img/linkedin-logo_white.png" height="32" width="32">
                            </a>
                        </div>
                        <div class="mdl-mega-footer__right-section">
                            <a href="index.html">About</a>
                            <a href="portfolio.html">Portfolio</a>
                            <a href="./assets/CV.pdf">Resume</a>
                        </div>
                    </div>
            </footer>
            </main> 
        </div>
    </body>
    <script>
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
            })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-98989261-1', 'auto');
    ga('send', 'pageview');

    </script>
</html>
{'fraction_non_alphanumeric': 0.08548204515439281, 'fraction_numerical': 0.009747814602855166, 'mean_word_length': 0.5109870530941917, 'pattern_counts': {'":': 0, '<': 663, '<?xml version=': 0, '>': 703, 'https://': 13, 'lorem ipsum': 0, 'www.': 5, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 1278, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4960334', 'n_tokens_mistral': 11793, 'n_tokens_neox': 10939, 'n_words': 2150}