Difference between revisions of "Team:BOKU-Vienna"

(Replaced content with "<h1>Hallo!</h1>")
Line 1: Line 1:
−
{{BOKU-Vienna}}
+
<h1>Hallo!</h1>
−
<html>
+
−
 
+
−
<style>
+
−
  .intro {
+
−
    display: table;
+
−
    width: 100%;
+
−
    height: auto;
+
−
    padding: 100px 0;
+
−
    text-align: center;
+
−
    color: black;
+
−
    background: url(plastic.jpg) no-repeat bottom center scroll;
+
−
    background-color: black;
+
−
    -webkit-background-size: cover;
+
−
    -moz-background-size: cover;
+
−
    background-size: cover;
+
−
    -o-background-size: cover;
+
−
  }
+
−
</style>
+
−
 
+
−
 
+
−
<div class="bodyclass" id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
+
−
 
+
−
    <!-- Navigation -->
+
−
    <nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
+
−
        <div class="container">
+
−
            <div class="navbar-header">
+
−
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
+
−
                    Menu <i class="fa fa-bars"></i>
+
−
                </button>
+
−
                <a class="navbar-brand page-scroll" href="#page-top">
+
−
                    D.I.V.E.R.T.
+
−
                </a>
+
−
            </div>
+
−
 
+
−
            <!-- Collect the nav links, forms, and other content for toggling -->
+
−
            <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
+
−
                <ul class="nav navbar-nav">
+
−
                    <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
+
−
                    <li class="hidden">
+
−
                        <a href="#page-top"></a>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a href="#">Team</a>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a href="#">Project</a>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a href="#">Parts</a>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a href="#">Safety</a>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a href="#">Human Practices</a>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a href="#">Awards</a>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a href="#">Sponsors</a>
+
−
                    </li>
+
−
                </ul>
+
−
            </div>
+
−
            <!-- /.navbar-collapse -->
+
−
        </div>
+
−
        <!-- /.container -->
+
−
    </nav>
+
−
 
+
−
 
+
−
    <!-- One-Page Scroll NavBar -->
+
−
    <nav class="navbar scrollnav-custom navbar-fixed-bottom" role="navigation" id="scrollnav">
+
−
        <div class="container">
+
−
            <div class="navbar-header">
+
−
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
+
−
                    Menu <i class="fa fa-bars"></i>
+
−
                </button>
+
−
                <a class="navbar-brand" target="_blank"  href="https://www.facebook.com">
+
−
                    <img src="fb.png" alt="Facebook" >
+
−
                </a>
+
−
                <a class="navbar-brand" target="_blank"  href="https://www.twitter.com">
+
−
                    <img src="twitter.png" alt="Twitter" >
+
−
                </a>
+
−
            </div>
+
−
 
+
−
            <!-- Collect the nav links, forms, and other content for toggling -->
+
−
            <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
+
−
                <ul class="nav navbar-nav">
+
−
                    <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
+
−
                    <li class="hidden">
+
−
                        <a href="#page-top"></a>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a class="page-scroll" href="#Welcome">Welcome</a>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a class="page-scroll" href="#Sponsors">Sponsors</a>
+
−
                    </li>
+
−
                </ul>
+
−
            </div>
+
−
            <!-- /.navbar-collapse -->
+
−
        </div>
+
−
        <!-- /.container -->
+
−
    </nav>
+
−
 
+
−
    <!-- Intro Header -->
+
−
    <div class="intro">
+
−
        <div class="intro-body">
+
−
            <div class="container">
+
−
                <div class="row">
+
−
                    <div class="col-md-8 col-md-offset-2">
+
−
                        <h1 class="brand-heading">D.I.V.E.R.T.</h1>
+
−
                        <p class="intro-text">The Next Step of Evolution.
+
−
                            <br>Created by BOKU Vienna.</p>
+
−
                        <a href="#about" class="btn btn-circle page-scroll">
+
−
                            <i class="fa fa-angle-double-down animated"></i>
+
−
                        </a>
+
−
                    </div>
+
−
                </div>
+
−
            </div>
+
−
        </div>
+
−
    </div>
+
−
 
+
−
    <!-- About Section -->
+
−
    <section id="Welcome" class="container content-section text-center">
+
−
        <div class="row">
+
−
            <div class="col-lg-8 col-lg-offset-2">
+
−
                <h2>Welcome</h2>
+
−
                <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
+
−
            </div>
+
−
        </div>
+
−
    </section>
+
−
 
+
−
    <!-- Download Section -->
+
−
    <section id="Sponsors" class="container content-section text-center">
+
−
            <div class="container">
+
−
                <div class="col-lg-8 col-lg-offset-2">
+
−
                    <h2>Sponsors</h2>
+
−
                    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
+
−
                </div>
+
−
            </div>
+
−
    </section>
+
−
 
+
−
    <!-- Footer -->
+
−
    <footer>
+
−
        <div class="container text-center sponsor-section">
+
−
            <p>Copyright &copy; Your Website 2016</p>
+
−
        </div>
+
−
    </footer>
+
−
  </div>
+
−
 
+
−
  </html>
+

Revision as of 14:42, 17 June 2017

Hallo!