projects.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8"/>
    <title>Singularity Jobs</title>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="HandheldFriendly" content="true"/>
    <meta name="apple-touch-fullscreen" content="yes"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <!-- FAVICON-->
    <link rel="apple-touch-icon" sizes="57x57" href="assets/images/favicon/apple-touch-icon-57x57.png"/>
    <link rel="apple-touch-icon" sizes="60x60" href="assets/images/favicon/apple-touch-icon-60x60.png"/>
    <link rel="apple-touch-icon" sizes="72x72" href="assets/images/favicon/apple-touch-icon-72x72.png"/>
    <link rel="apple-touch-icon" sizes="76x76" href="assets/images/favicon/apple-touch-icon-76x76.png"/>
    <link rel="apple-touch-icon" sizes="114x114" href="assets/images/favicon/apple-touch-icon-114x114.png"/>
    <link rel="apple-touch-icon" sizes="120x120" href="assets/images/favicon/apple-touch-icon-120x120.png"/>
    <link rel="apple-touch-icon" sizes="144x144" href="assets/images/favicon/apple-touch-icon-144x144.png"/>
    <link rel="apple-touch-icon" sizes="152x152" href="assets/images/favicon/apple-touch-icon-152x152.png"/>
    <link rel="apple-touch-icon" sizes="180x180" href="assets/images/favicon/apple-touch-icon-180x180.png"/>
    <link rel="icon" type="image/png" href="assets/images/favicon/favicon-32x32.png" sizes="32x32"/>
    <link rel="icon" type="image/png" href="assets/images/favicon/android-chrome-192x192.png" sizes="192x192"/>
    <link rel="icon" type="image/png" href="assets/images/favicon/favicon-96x96.png" sizes="96x96"/>
    <link rel="icon" type="image/png" href="assets/images/favicon/favicon-16x16.png" sizes="16x16"/>
    <link rel="manifest" href="assets/images/favicon/manifest.json"/>
    <link rel="shortcut icon" href="assets/images/favicon/favicon.ico"/>
    <link rel="stylesheet" href="assets/css/lightbox.css" type="text/css" media="all" />
    <meta name="msapplication-TileColor" content="#da532c"/>
    <meta name="msapplication-TileImage" content="/assets/images/favicon/mstile-144x144.png"/>
    <meta name="msapplication-config" content="/assets/images/favicon/browserconfig.xml"/>
    <meta name="theme-color" content="#ffffff"/>
    <!-- Google Fonts--><link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800' rel='stylesheet' type='text/css'>
    <!-- MAIN STYLESHEETS-->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css" type="text/css" media="all"/>
    <link rel="stylesheet" href="assets/css/theme.min.css" type="text/css" media="all"/>
    <link rel="stylesheet" href="assets/css/contact.css" type="text/css" media="all"/>
    <link rel="stylesheet" href="assets/css/custom.css" type="text/css" media="all"/>
    <link rel="stylesheet" type="text/css" href="jobpageassets/jobcss/main.css"/>
  </head>
<body data-spy="scroll" data-target="#scroll-nav" data-offset="10">   


    <nav id="scroll-nav" class="navbar-contact">
      <div class="container text-center">
        <div class="navbar-brand"><a href="index.html"><img src="assets/images/logo/logo-light.png" width="75" alt="Logo"/></a></div>
        <div class="collapse navbar-collapse">
          <ul class="navbar-contact-fixed pull-right">
            <li> <a href="index.html" id="swaf">Back to Main Page</a></li>
          </ul>
        </div>
      </div>
    </nav>

<section id="contact" class="section section-lighter text-center">
      <div class="container">
        <div class="row">
          <div class="col-md-8 col-md-offset-3 margin-top">
        <header class="section-head">
          <h2 id="title">OVERVIEW</h2>
        </header>
          
          <p> This is a list of things people can work on when coming over. Of course a big focus lies on thinking for yourself and doing what you believe is right. It’s not mandatory to pick from this list but rather serves as a tool to help people navigate with what they can do. </p>
          <br>
          <p>It is important to take note that no specific skills or knowledge is required. This environment will provide the necessary guidance and tools to give you the ability to learn any of these skills.</p>

        </div>

        </div>
      </div>

      <hr>

        <h2>WHAT YOU CAN DO</h2>
        <p id="val">(as of 19 mar 2017)</p>

<div class='resize'>
        <div class="box" id="videoeditor">
           <div id="overlay">
            <span id="plus">Edit footage and learn from people with years of experience.</span>
          </div>
        </div>

        <div class="box" id="cameraoperator">
           <div id="overlay">
            <span id="plus">Use professional camera equipment to record footage for future projects.</span>
          </div>
        </div>

        <div class="box" id="contentwriter">
           <div id="overlay">
            <span id="plus">Collect, structure & condense insights & their scientific sources for “logicnation.org”.</span>
          </div>
        </div>

        <div class="box" id="communitymanager">
           <div id="overlay">
            <span id="plus">Moderate streams and find ways to engage with the community.</span>
          </div>
        </div>

        <div class="box" id="graphicdesigner">
           <div id="overlay">
            <span id="plus">Create graphical content such as stream overlays, logos, website banners & more.</span>
          </div>
        </div>


        <div class="box" id="marketingmanager">
           <div id="overlay">
            <span id="plus">Work together with other people to develop strategies to spread projects.</span>
          </div>
        </div>

        <div class="box" id="budgetanalyst">
           <div id="overlay">
            <span id="plus">Analyze expenses and research ways to optimize them.</span>
          </div>
        </div>

        <div class="box" id="contentproducer">
           <div id="overlay">
            <span id="plus">This includes things such as producing Vlogs.</span>
          </div>
        </div>

        <div class="box" id="translator">
           <div id="overlay">
            <span id="plus">Translate content so that it is presentable in different languages.</span>
          </div>
        </div>

        <div class="box" id="headofcuisine">
           <div id="overlay">
            <span id="plus">Be responsible for the preparation and distribution of meals, manage the storage of food etc.</span>
          </div>
        </div>

        <div class="box" id="kitchenchef">
           <div id="overlay">
            <span id="plus">Be in charge of the kitchen.</span>
          </div>
        </div>

        <div class="box" id="uidesigner">
           <div id="overlay">
            <span id="plus">Help with the design of websites so that they feel more intuitive and easier to navigate.</span>
          </div>
        </div>

        <div class="box" id="optimizinginterior">
           <div id="overlay">
            <span id="plus">Ensure that all accommodations are in perfect condition.</span>
          </div>
        </div>

        <div class="box" id="assistantsocialmedia">
           <div id="overlay">
            <span id="plus">This includes research & content collection suitable for social media & more.</span>
          </div>
        </div>

</div>
        <h2 id="currentprojects">PROJECT EXAMPLES</h2>
        <p id="val">(as of 19 mar 2017)</p>

<div class='resize'>
        <div class="box" id="app">
           <div id="overlay">
            <span id="plus">The app will be the center of "Project NX" & connect people that want to do good.</span>
          </div>
        </div>

        <div class="box" id="documentary">
           <div id="overlay">
            <span id="plus">This hour long documentary will be the culmination of all key insights.</span>
          </div>
        </div>

        <div class="box" id="g4gnda">
           <div id="overlay">
            <span id="plus">NDA. The goal of the project is to increase traffic to gamingforgood.</span>
          </div>
        </div>

        <div class="box" id="vrgame">
           <div id="overlay">
            <span id="plus">This game is made to have a cash flow.</span>
          </div>
        </div>

        <div class="box" id="interviews">
           <div id="overlay">
            <span id="plus">The interviews keep track of people's experiences & progress.</span>
          </div>
        </div>


        <div class="box" id="newbook">
           <div id="overlay">
            <span id="plus">Present insights from the latest discoveries in science to new target audiences.</span>
          </div>
        </div>

        <div class="box" id="pokerteam">
           <div id="overlay">
            <span id="plus">The goal of this project is to bring a steady cash flow. Includes game theory and contains of only the people that have been here for more than one year due to the financial trouble it could bring.</span>
          </div>
        </div>

        <div class="box" id="stocktradingteam">
           <div id="overlay">
            <span id="plus">Same as the poker team.</span>
          </div>
        </div>

        <div class="box" id="streamersandyoutubers">
           <div id="overlay">
            <span id="plus">Trying to grow following to reach a bigger audience.
</span>
          </div>
        </div>

        <div class="box" id="projectnx">
           <div id="overlay">
            <span id="plus">A place with more information about the movement & what we try to achieve.</span>
          </div>
        </div>

        <div class="box" id="logicnationrevamp">
           <div id="overlay">
            <span id="plus">A place to find the insights from the latest discoveries in science & have a more intuitive feel.</span>
          </div>
        </div>

        <div class="box" id="podcasts">
           <div id="overlay">
            <span id="plus">The best bits of the stream condensed into easy-to-digest podcasts.</span>
          </div>
        </div>
        </div>

        <hr id="secondhr">

         <a href="contact.html" class="btn-big-red">APPLY NOW!</a>

    </section>

    <footer class="footer-dark">
      <div class="text-center container">
        <div class="row">
          <div class="col-md-12">
            <ul class="social-icons">
              <li><a href="https://twitch.tv/athenelive"  target='_blank'><i class="ion-social-twitch"></i></a></li>
              <li><a href="https://www.youtube.com/user/AtheneWins"  target='_blank'><i class="ion-social-youtube"></i></a></li>
              <li><a href="https://twitter.com/AtheneLOL"  target='_blank'><i class="ion-social-twitter"></i></a></li>
            </ul>
          </div>
        </div>
        <div class="row">
          <div class="col-md-12">
            <p class="footer-message">© 2017  No Excuse - Singularity Group <i class="ion-heart"></i>
          </div>
        </div>
        <div class="clear"></div>
      </div>
    </footer>

    <script src="assets/js/theme.min.js"></script>
    <script src="assets/js/contact.min.js"></script>
    <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-96177934-3', 'auto');
      ga('send', 'pageview');

  </script>
    </div>
  </body>
</html>