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">
    <title>About - The Code Foundation</title>
    <link rel="shortcut icon" href="/icons/favicon.ico">
    <link rel="icon" sizes="16x16 32x32 64x64" href="/icons/favicon.ico">
    <link rel="icon" type="image/png" sizes="196x196" href="/icons/favicon-192.png">
    <link rel="icon" type="image/png" sizes="160x160" href="/icons/favicon-160.png">
    <link rel="icon" type="image/png" sizes="96x96" href="/icons/favicon-96.png">
    <link rel="icon" type="image/png" sizes="64x64" href="/icons/favicon-64.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16.png">
    <link rel="apple-touch-icon" href="/icons/favicon-57.png">
    <link rel="apple-touch-icon" sizes="114x114" href="/icons/favicon-114.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/icons/favicon-72.png">
    <link rel="apple-touch-icon" sizes="144x144" href="/icons/favicon-144.png">
    <link rel="apple-touch-icon" sizes="60x60" href="/icons/favicon-60.png">
    <link rel="apple-touch-icon" sizes="120x120" href="/icons/favicon-120.png">
    <link rel="apple-touch-icon" sizes="76x76" href="/icons/favicon-76.png">
    <link rel="apple-touch-icon" sizes="152x152" href="/icons/favicon-152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/icons/favicon-180.png">
    <meta name="msapplication-TileColor" content="#FFFFFF">
    <meta name="msapplication-TileImage" content="/icons/favicon-144.png">
    <meta name="msapplication-config" content="/icons/browserconfig.xml">
    <link href="https://fonts.googleapis.com/css?family=Hind+Vadodara:400,700|Mukta:500,700" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css">
    <link rel="stylesheet" href="dist/css/style.css">
    <script src="https://unpkg.com/scrollreveal@4.0.0/dist/scrollreveal.min.js"></script>
</head>
<body class="is-boxed has-animations">
    <div class="body-wrap boxed-container">
        <header class="site-header">
            <div class="container">
                <div class="site-header-inner">
                    <nav class="navbar">
                        <span class="navbar-toggle" id="js-navbar-toggle">
                            <i class="fas fa-bars"></i>
                        </span>
                        <a href="#" class="logo">
                            <img src="img/logo-128x128.jpg" title="The Code Foundation" alt="The Code Foundation logo" width="50px" />
                        </a>
                        <ul class="main-nav" id="js-menu">
                            <li>
                                <a href="/" class="nav-links">Home</a>
                            </li>
                            <li>
                                <a href="#projects" class="nav-links">Products</a>
                            </li>
                            <li>
                                <a href="/about" class="nav-links nav-active">About</a>
                            </li>
                            <li>
                                <a href="/contact" class="nav-links">Contact</a>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
        </header>

        <main>
            <section class="hero">
                <div class="container">
                    <div class="hero-inner">
                        <div class="hero-copy">
                            <h1 class="hero-title h2-mobile mt-0 is-revealing">Team, Friends, Family</h1>
                            <p class="hero-paragraph is-revealing">The best diamonds in the history have been those which were picked and polished by a compassionate human touch. We are some of them.</p>
                            <p class="hero-cta is-revealing"><a class="button button-primary button-shadow" href="#team">View our amazing team</a></p>
                        </div>
                        <div class="hero-illustration is-revealing">
                            <svg width="528" height="413" viewBox="0 0 528 413" xmlns="http://www.w3.org/2000/svg">
                                <defs>
                                    <linearGradient x1="50%" y1="100%" x2="50%" y2="0%" id="hero-illustration-a">
                                        <stop stop-color="#A7FDE8" stop-opacity="0" offset="0%"/>
                                        <stop stop-color="#6EFACC" offset="100%"/>
                                    </linearGradient>
                                    <linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="hero-illustration-b">
                                        <stop stop-color="#FF4F7A" stop-opacity="0" offset="0%"/>
                                        <stop stop-color="#FF4F7A" offset="100%"/>
                                    </linearGradient>
                                    <radialGradient fx="50%" fy="50%" r="100%" id="hero-illustration-c">
                                        <stop stop-color="#6EFACC" offset="0%"/>
                                        <stop stop-color="#6EFACC" stop-opacity="0" offset="100%"/>
                                    </radialGradient>
                                    <linearGradient x1="0%" y1="100%" y2="0%" id="hero-illustration-d">
                                        <stop stop-color="#007CFE" stop-opacity="0" offset="0%"/>
                                        <stop stop-color="#007DFF" offset="100%"/>
                                    </linearGradient>
                                    <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="hero-illustration-e">
                                        <stop stop-color="#FF4F7A" stop-opacity="0" offset="0%"/>
                                        <stop stop-color="#FF4F7A" offset="100%"/>
                                    </linearGradient>
                                    <filter x="-500%" y="-500%" width="1000%" height="1000%" filterUnits="objectBoundingBox" id="dropshadow-1">
                                        <feOffset dy="16" in="SourceAlpha" result="shadowOffsetOuter"/>
                                        <feGaussianBlur stdDeviation="24" in="shadowOffsetOuter" result="shadowBlurOuter"/>
                                        <feColorMatrix values="0 0 0 0 0.12 0 0 0 0 0.17 0 0 0 0 0.21 0 0 0 0.2 0" in="shadowBlurOuter"/>
                                    </filter>
                                </defs>
                                <g transform="translate(0 -1)" fill="none" fill-rule="evenodd">
                                    <g transform="translate(128 290)" fill="url(#hero-illustration-a)">
                                        <path d="M62.225 0l1.415 1.414L1.414 63.64 0 62.225zM66.468 4.243l1.414 1.414L5.657 67.882l-1.414-1.414zM70.71 8.485L72.126 9.9 9.899 72.125 8.485 70.71zM74.953 12.728l1.415 1.414-62.226 62.226-1.414-1.415zM79.196 16.97l1.414 1.415L18.385 80.61l-1.414-1.414zM83.439 21.213l1.414 1.414-62.226 62.226-1.414-1.414zM87.681 25.456l1.414 1.414L26.87 89.095l-1.414-1.414zM91.924 29.698l1.414 1.415-62.225 62.225-1.415-1.414z"/>
                                        <path d="M91.924 29.698l1.414 1.415-62.225 62.225-1.415-1.414zM96.167 33.941l1.414 1.414-62.226 62.226-1.414-1.414zM100.41 38.184l1.413 1.414-62.225 62.225-1.414-1.414zM104.652 42.426l1.414 1.415-62.225 62.225-1.415-1.414zM108.894 46.669l1.415 1.414-62.226 62.226-1.414-1.415zM113.137 50.912l1.414 1.414-62.225 62.225-1.414-1.414zM117.38 55.154l1.414 1.415-62.225 62.225-1.415-1.414zM121.622 59.397l1.415 1.414-62.226 62.226-1.414-1.415z"/>
                                        <g>
                                            <path d="M100.811 0l-1.414 1.414 62.225 62.226 1.415-1.415zM96.569 4.243l-1.415 1.414 62.226 62.225 1.414-1.414zM92.326 8.485L90.912 9.9l62.225 62.226 1.414-1.414zM88.083 12.728l-1.414 1.414 62.225 62.226 1.415-1.415zM83.84 16.97l-1.414 1.415 62.226 62.225 1.414-1.414zM79.598 21.213l-1.414 1.414 62.225 62.226 1.414-1.414zM75.355 25.456l-1.414 1.414 62.226 62.225 1.414-1.414zM71.113 29.698l-1.415 1.415 62.226 62.225 1.414-1.414z"/>
                                            <path d="M71.113 29.698l-1.415 1.415 62.226 62.225 1.414-1.414zM66.87 33.941l-1.414 1.414 62.225 62.226 1.414-1.414zM62.627 38.184l-1.414 1.414 62.226 62.225 1.414-1.414zM58.385 42.426l-1.414 1.415 62.225 62.225 1.414-1.414zM54.142 46.669l-1.414 1.414 62.225 62.226 1.415-1.415zM49.9 50.912l-1.415 1.414 62.226 62.225 1.414-1.414zM45.657 55.154l-1.414 1.415 62.225 62.225 1.414-1.414zM41.414 59.397L40 60.811l62.225 62.226 1.415-1.415z"/>
                                        </g>
                                    </g>
                                    <g transform="matrix(1 0 0 -1 326 124)" fill="url(#hero-illustration-a)">
                                        <path d="M62.225 0l1.415 1.414L1.414 63.64 0 62.225zM66.468 4.243l1.414 1.414L5.657 67.882l-1.414-1.414zM70.71 8.485L72.126 9.9 9.899 72.125 8.485 70.71zM74.953 12.728l1.415 1.414-62.226 62.226-1.414-1.415zM79.196 16.97l1.414 1.415L18.385 80.61l-1.414-1.414zM83.439 21.213l1.414 1.414-62.226 62.226-1.414-1.414zM87.681 25.456l1.414 1.414L26.87 89.095l-1.414-1.414zM91.924 29.698l1.414 1.415-62.225 62.225-1.415-1.414z"/>
                                        <path d="M91.924 29.698l1.414 1.415-62.225 62.225-1.415-1.414zM96.167 33.941l1.414 1.414-62.226 62.226-1.414-1.414zM100.41 38.184l1.413 1.414-62.225 62.225-1.414-1.414zM104.652 42.426l1.414 1.415-62.225 62.225-1.415-1.414zM108.894 46.669l1.415 1.414-62.226 62.226-1.414-1.415zM113.137 50.912l1.414 1.414-62.225 62.225-1.414-1.414zM117.38 55.154l1.414 1.415-62.225 62.225-1.415-1.414zM121.622 59.397l1.415 1.414-62.226 62.226-1.414-1.415z"/>
                                        <g>
                                            <path d="M100.811 0l-1.414 1.414 62.225 62.226 1.415-1.415zM96.569 4.243l-1.415 1.414 62.226 62.225 1.414-1.414zM92.326 8.485L90.912 9.9l62.225 62.226 1.414-1.414zM88.083 12.728l-1.414 1.414 62.225 62.226 1.415-1.415zM83.84 16.97l-1.414 1.415 62.226 62.225 1.414-1.414zM79.598 21.213l-1.414 1.414 62.225 62.226 1.414-1.414zM75.355 25.456l-1.414 1.414 62.226 62.225 1.414-1.414zM71.113 29.698l-1.415 1.415 62.226 62.225 1.414-1.414z"/>
                                            <path d="M71.113 29.698l-1.415 1.415 62.226 62.225 1.414-1.414zM66.87 33.941l-1.414 1.414 62.225 62.226 1.414-1.414zM62.627 38.184l-1.414 1.414 62.226 62.225 1.414-1.414zM58.385 42.426l-1.414 1.415 62.225 62.225 1.414-1.414zM54.142 46.669l-1.414 1.414 62.225 62.226 1.415-1.415zM49.9 50.912l-1.415 1.414 62.226 62.225 1.414-1.414zM45.657 55.154l-1.414 1.415 62.225 62.225 1.414-1.414zM41.414 59.397L40 60.811l62.225 62.226 1.415-1.415z"/>
                                        </g>
                                    </g>
                                    <path d="M0 0h528v414H0z"/>
                                    <path fill="#FFF" d="M0 63h528v297H0z" style="mix-blend-mode:multiply;filter:url(#dropshadow-1)"/>

                                    <path fill="#FFF" d="M0 63h528v297H0z"/>
                                    <path fill="url(#hero-illustration-b)" d="M408 230h80v48h-80z"/>
                                    <path d="M0 0h4v4H0V0zm0 12h4v4H0v-4zm0 12h4v4H0v-4zm0 12h4v4H0v-4zm0 12h4v4H0v-4zm0 12h4v4H0v-4zM12 0h4v4h-4V0zm0 12h4v4h-4v-4zm0 12h4v4h-4v-4zm0 12h4v4h-4v-4zm0 12h4v4h-4v-4zm0 12h4v4h-4v-4zM24 0h4v4h-4V0zm0 12h4v4h-4v-4zm0 12h4v4h-4v-4zm0 12h4v4h-4v-4zm0 12h4v4h-4v-4zm0 12h4v4h-4v-4zM36 0h4v4h-4V0zm0 12h4v4h-4v-4zm0 12h4v4h-4v-4zm0 12h4v4h-4v-4zm0 12h4v4h-4v-4zm0 12h4v4h-4v-4zM48 0h4v4h-4V0zm0 12h4v4h-4v-4zm0 12h4v4h-4v-4zm0 12h4v4h-4v-4zm0 12h4v4h-4v-4zm0 12h4v4h-4v-4zM60 0h4v4h-4V0zm0 12h4v4h-4v-4zm0 12h4v4h-4v-4zm0 12h4v4h-4v-4zm0 12h4v4h-4v-4zm0 12h4v4h-4v-4z" transform="rotate(45 -118.861 431.981)" fill="url(#hero-illustration-c)"/>
                                    <!-- <image href="img/cats.jpg" height="300" width="300" x="50" y="50" /> -->
                                    <path fill="#FFF" d="M288 254h160v160H288z" style="mix-blend-mode:multiply;filter:url(#dropshadow-1)"/>
                                    <path fill="#FFF" d="M288 254h160v160H288z"/>
                                    <path d="M248 79h88v24c0 35.346-28.654 64-64 64h-24V79z" fill="url(#hero-illustration-d)"/>
                                    <path d="M348 132c0 26.51-21.49 48-48 48 0-26.51 21.49-48 48-48z" fill="url(#hero-illustration-e)" transform="matrix(1 0 0 -1 0 312)"/>
                                    <path fill="#FFF" d="M200 31h88v88h-88z" style="mix-blend-mode:multiply;filter:url(#dropshadow-1)"/>
                                    <path fill="#FFF" d="M200 31h88v88h-88z"/>
                                    <!-- <image href="img/tcf-logo.png" height="175" width="175" x="283" y="250" /> -->
                                    <path fill="#F6F8FA" d="M24 248l88 88H24z"/>
                                    <rect fill="url(#hero-illustration-d)" x="335" y="242" width="32" height="32" rx="16"/>
                                </g>
                            </svg>
                        </div>
                    </div>
                </div>
            </section>
            <a name="team"></a>
            <section class="features section">
                <div class="container">
                    <div class="features-inner section-inner has-bottom-divider">
                        <div class="features-wrap">
                            <div class="feature text-center is-revealing" style="visibility: visible;">
                                <div class="feature-inner">
                                    <div class="feature-icon">
                                        <img src="img/team/anubhav.jpg" alt="Anubhav Singh" style="height: 128px;">
                                    </div>
                                    <h4 class="feature-title mt-24">Anubhav Singh</h4>
                                    <p class="text-sm mb-0">Hi, I am the one responsible for putting the planks together for this ship! I love ideating solutions, motivating folks around me to work on their dreams and to show the world that every day is a new opportunity!</p>
                                </div>
                            </div>
                            <div class="feature text-center is-revealing" style="visibility: visible;">
                                <div class="feature-inner">
                                    <div class="feature-icon">
                                        <img src="img/team/ritwik.jpg" alt="Ritwik Raha" style="height: 128px;">
                                    </div>
                                    <h4 class="feature-title mt-24">Ritwik Raha</h4>
                                    <p class="text-sm mb-0">Hey, I make sure this ship looks great and steers perfectly. I manage teams, strategize on products and ensure everyone's on the same page. I am a designer at heart and an AI enthusiast.</p>
                                </div>
                            </div>
                            <div class="feature text-center is-revealing" style="visibility: visible;">
                                <div class="feature-inner">
                                    <div class="feature-icon">
                                        <img src="img/team/ayush.jpg" alt="Ayush Thakur" style="height: 128px;">
                                    </div>
                                    <h4 class="feature-title mt-24">Ayush Thakur</h4>
                                    <p class="text-sm mb-0">Hey, I am responsible for ensuring the development of the products on this ship. I love developing AI solutions here. I'm all ears for exciting ideas. I believe in leading where it's required. </p>
                                </div>
                            </div>
                            <div class="feature text-center is-revealing" style="visibility: visible;">
                                <div class="feature-inner">
                                    <div class="feature-icon">
                                        <img src="img/team/ankit.jpg" alt="Ankit Mishra" style="height: 128px;">
                                    </div>
                                    <h4 class="feature-title mt-24">Ankit Mishra</h4>
                                    <p class="text-sm mb-0">Hey, I ensure that the ship is sailing properly. I look after the finances and sustainability of the business. I believe in taking everyone together. I ensure the right working environment here while managing everyone's needs. I love "jalebis".</p>
                                </div>
                            </div>
                            <div class="feature text-center is-revealing" style="visibility: visible;">
                                <div class="feature-inner">
                                    <div class="feature-icon">
                                        <img src="img/team/debroop.jpg" alt="Debroop Gupta" style="height: 128px;">
                                    </div>
                                    <h4 class="feature-title mt-24">Debroop Gupta</h4>
                                    <p class="text-sm mb-0">Hey, I am responsible for getting passengers on this ship. I market the products that our developers put their hearts in. I enjoy good music. I believe in my traditions but enjoy diversity.  </p>
                                </div>
                            </div>
                            <div class="feature text-center is-revealing" style="visibility: visible;">
                                <div class="feature-inner">
                                    <div class="feature-icon">
                                        <img src="img/team/aman.jpg" alt="Aman Manish" style="height: 128px;">
                                    </div>
                                    <h4 class="feature-title mt-24">Aman Manish</h4>
                                    <p class="text-sm mb-0">I am the swordsman of the ship. The pen is the sword I weild and I ink the creative lines for the team. I love playing cricket, a good book is always worth all the time in the world!</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <hr>
            <section class="cta section">
                <div class="container">
                    <div class="cta-inner section-inner">
                        <h3 class="section-title mt-0">Want to support our venture?</h3>
                        <div class="cta-cta">
                            <a class="button button-primary button-wide-mobile" href="mailto:thecodefoundation@gmail.com?subject=So you want a sponsor?" target="_blank_">Sponsor us!</a>
                        </div>
                    </div>
                </div>
            </section>
        </main>

        <footer class="site-footer text-light">
            <div class="container">
                <div class="site-footer-inner has-top-divider">
                    <div class="brand footer-brand">
                        <a href="/">
                            <img src="img/logo-128x128.jpg" title="The Code Foundation" alt="The Code Foundation logo" width="50px" />
                        </a>
                    </div>
                    <ul class="footer-links list-reset">
                        <li>
                            <a href="about">About us</a>
                        </li>
                        <li>
                            <a href="privacy">Privacy</a>
                        </li>
                        <li>
                            <a href="contact">Contact</a>
                        </li>
                    </ul>
                    <ul class="footer-social-links list-reset">
                        <li>
                            <a href="https://facebook.com/thecodefoundation" target="_blank_">
                                <span class="screen-reader-text">Facebook</span>
                                <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M6.023 16L6 9H3V6h3V4c0-2.7 1.672-4 4.08-4 1.153 0 2.144.086 2.433.124v2.821h-1.67c-1.31 0-1.563.623-1.563 1.536V6H13l-1 3H9.28v7H6.023z" fill="#FFFFFF"/>
                                </svg>
                            </a>
                        </li>
                        <li>
                            <a href="https://twitter.com/tcf4code" target="_blank_">
                                <span class="screen-reader-text">Twitter</span>
                                <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M16 3c-.6.3-1.2.4-1.9.5.7-.4 1.2-1 1.4-1.8-.6.4-1.3.6-2.1.8-.6-.6-1.5-1-2.4-1-1.7 0-3.2 1.5-3.2 3.3 0 .3 0 .5.1.7-2.7-.1-5.2-1.4-6.8-3.4-.3.5-.4 1-.4 1.7 0 1.1.6 2.1 1.5 2.7-.5 0-1-.2-1.5-.4C.7 7.7 1.8 9 3.3 9.3c-.3.1-.6.1-.9.1-.2 0-.4 0-.6-.1.4 1.3 1.6 2.3 3.1 2.3-1.1.9-2.5 1.4-4.1 1.4H0c1.5.9 3.2 1.5 5 1.5 6 0 9.3-5 9.3-9.3v-.4C15 4.3 15.6 3.7 16 3z" fill="#FFFFFF"/>
                                </svg>
                            </a>
                        </li>
                        <li>
                            <a href="https://github.com/thecodefoundation" target="_blank_">
                                <span class="screen-reader-text">Github</span>
                                <img src="img/github-logo.png" style="height: 16px;" />
                            </a>
                        </li>
                    </ul>
                    <div class="footer-copyright">&copy; 2018 - 2020 The Code Foundation, all rights reserved</div>
                </div>
            </div>
        </footer>
    </div>

    <script src="dist/js/main.min.js"></script>
    <script type="text/javascript">
        window.omnisend = window.omnisend || [];
        omnisend.push(["accountID", "5e1326fa99f0b77b3a35a149"]);
        omnisend.push(["track", "$pageViewed"]);
        !function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://omnisrc.com/inshop/launcher-v2.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}();
    </script>
    <script>
        let mainNav = document.getElementById('js-menu');
        let navBarToggle = document.getElementById('js-navbar-toggle');

        navBarToggle.addEventListener('click', function () {
          mainNav.classList.toggle('active');
        });
    </script>
</body>
</html>