index.html

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1">
    <title>Quad³ Studios</title>

    <!-- Font Awesome Icons-->
    <link href="font/font-awesome-4.3.0/css/font-awesome.css" rel="stylesheet" type="text/css">

    <!-- Write Less, Do More.-->
    <script src="js/jquery-1.11.3.js"></script>

    <!-- materializecss.org -->
    <link href="css/materialize.min.css" type="text/css" rel="stylesheet">
    <script src="js/materialize.min.js"></script>

    <!-- Google Web fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Lato&display=swap" rel="stylesheet">
    <!-- Custom CSS  -->
    <link href="css/style.css" type="text/css" rel="stylesheet">

    <!-- Custom JS -->
    <script src="js/smoothscroll.js"></script>
    <script src="js/index.js"></script>
</head>
<body>
<!--
<ul id="dropdown1" class="dropdown-content">
    <li><a href="index.html">This Website</a></li>
    <li class="divider"></li>
    <li><a href="MultiScreenPong">Multi Screen Pong</a></li>
</ul>-->

<!-- Navbar
<div class="navbar-fixed">
    <nav class="orange darken-3">
        <div class="nav-wrapper">
            <a href="index.html" class="brand-logo center">Quad³ Studios</a>
            <a href="#" data-activates="nav-mobile" class="button-collapse"><i
                    class="mdi-navigation-menu"></i></a>
            <ul class="left hide-on-med-and-down">
                <li><a href="#home">Home</a></li>
                <li><a href="#what-we-are">About Us</a></li>
                <li><a href="#">What we do</a></li>
            </ul>
            <ul class="right hide-on-med-and-down">
                <li><a class="dropdown-button" href="#" data-activates="dropdown1">Projects
                    &#9207; </a></li>
                <li><a href="#!">Contact Us</a></li>
            </ul>
            <ul class="side-nav orange darken-3" id="nav-mobile">
                <li><a href="#home" class="grey-text">Home</a></li>
                <li><a href="#what-we-are" class="grey-text">About Us</a></li>
                <li><a href="#" class="grey-text">What we do</a></li>
                <li><a href="#" class="grey-text">Projects</a></li>
                <li><a href="#" class="grey-text">Contact Us</a></li>
            </ul>
        </div>
    </nav>
</div>
-->
<!-- Jumbotron -->
<div class="main teal darken-3">
    <div class="row ">
        <div class="col s12">
            <div class="container">
                <h1>Quad³ Studios</h1>
                <div class="center"><h3>Making games for the mind, body and soul.</h3></div>
                <div class="center">
                    <div class="row">
                        <div class="col s12">
                            <div class="container">
                               <div class="center">
                                <a class="waves-effect waves-circle waves-light btn-floating black" href="https://github.com/QuadCubedStudios"><i class="fa fa-github"></i></a>
                                <span class="spacer"></span>
                                <a class="waves-effect waves-circle waves-light btn-floating twitter-blue" href="img/phoenix.png"><i class="fa fa-envelope"></i></a>
                               </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="center"><a href="#body">
                       <div class="row"></div>
                        <h4><span class="fa fa-caret-down white-text"></span></h4>
                    </a></div>
            </div>
        </div>

    </div>

</div>
<div class="body teal" id="body">
   <div class="center">
            <h2 class="title">Projects</h2>
    </div>
    <div class="row offset">
        <div class="col s12 m4">
            <div class="card blue darken-2">
                <div class="card-content white-text">
                    <span class="card-title">Fastrack</span>
                    <p>an esoteric programming language based on the idea of train tracks and switches.</p>
                    <div class="card-action">
                        <a href="https://github.com/QuadCubedStudios/fastrack">Github</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="col s12 m4">
            <div class="card blue darken-2">
                <div class="card-content white-text">
                    <span class="card-title">GoDAW</span>
                    <p>A general purpose DAW made in the Godot Game Engine.</p>
                    <div class="card-action">
                        <a href="https://github.com/QuadCubedStudios/GoDAW">Github</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="col s12 m4">
          <div class="card blue darken-2">
            <div class="card-content white-text">
              <span class="card-title">Platformer Project</span>
              <p>A stealth based platformer with unique interface based mechanics.</p>
            </div>
          </div>
        </div>
        <div class="col s12 m4">
          <div class="card blue darken-2">
            <div class="card-content white-text">
              <span class="card-title">Machete</span>
              <p>A completely DOM-based game creation framework. Now maintained separately.</p>
            </div>
            <div class="card-action"><a href="https://github.com/Technohacker/machete">Github</a></div>
          </div>
        </div>
    </div>

</div>
<footer class="page-footer teal darken-1">
    <div class="row teal darken-1">
        <div class="col s12">
           <div class="center">
               <h3>Made with <span class="fa fa-heart"></span> by <a href="http://razetime.github.io">Razetime</a> and <a href="http://technohackerblog.blogspot.com">Technohacker.</a></h3>

           </div>
        </div>
    </div>
</footer>

<!--
<!-- What we are
<div class="what-we-are orange darken-3" id="what-we-are">
    <div class="row">
        <div class="col s12">
            <div class="container">
                <h2>About Us</h2>
                <h5>Quad Cubed Studios was created by Razetime & Technohacker.</h5>
                <h5>We are a small</h5>
                <a class="waves-effect waves-light btn orange darken-4" role="button" href="">Learn More</a>
            </div>
        </div>
    </div>
</div>

<div class="projects">
    <div class="row">
        <div class="col s12">
            <div class="container">
                <h2>OUR PROJECTS</h2>
                <h5>We have a few projects right now. Here are a few projects we are doing.</h5>

                <div class="row">
                    <div class="col s12 m4">
                        <div class="card small orange darken-3">
                            <div class="card-content white-text">
                                <span class="card-title">This Website</span>
                                <p>This website is a simple HTML webpage, hosted on Github Pages.</p>
                                <p>It uses the Materialize Framework, which is based on the material design guidelines.</p>

                                <p>Platforms: <i class="fa fa-globe"></i>(The Internet!)</p>
                            </div>
                            <div class="card-action">
                                <a href="quadcubedstudios.github.io" class="black-text">Read More</a>
                            </div>
                        </div>
                    </div>
                    <div class="col s12 m4">
                        <div class="card small orange darken-3">
                            <div class="card-content white-text">
                                <span class="card-title">Multi Screen Pong</span>
                                <p>Multi Screen Pong is a game across two screens.</p>
                                <p>It allows users to play the game PONG, across two screens.</p>
                                <p>It is currently in dev, and will be finished soon!</p>
                            </div>
                            <div class="card-action">
                                <a href="MultiScreenPong" class="black-text">Read
                                    More</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="contact orange white-text darken-4">
    <div class="row">
        <div class="col s12">
            <div class="container">
                <h2 class="center">CONTACT US</h2>
                <h5 class="center">Want to help, or join in the dev? Contact us for more details!</h5>
                <div class="center">
                    <a class="waves-effect waves-light btn orange darken-2">I Wanna talk!</a>
                </div>
                <h5 class="center">We are available on the following websites, too!</h5>
                <div class="center">
                    <a class="waves-effect waves-circle waves-light btn-floating black" href="https://github.com/QuadCubedStudios"><i class="fa fa-github"></i></a>
                    <a class="waves-effect waves-circle waves-light btn-floating facebook-blue" href="https://www.facebook.com/pages/Quad%C2%B3-Studios/408547402685749"><i class="fa fa-facebook"></i></a>
                    <a class="waves-effect waves-circle waves-light btn-floating red" href="https://plus.google.com/u/0/b/110784369087262717737/110784369087262717737/about"><i class="fa fa-google-plus"></i></a>
                    <a class="waves-effect waves-circle waves-light btn-floating twitter-blue"><i class="fa fa-twitter"></i></a>
                </div>
            </div>
        </div>
    </div>
</div>
-->
<!--
<footer class="page-footer orange darken-2">
    <div class="footer-copyright orange">
        <div class="container">
            © Quad Cubed Studios. Licensed under Artistic license 2.0.
        </div>
    </div>
</footer>-->
</body>
</html>