tethys/resources/views/frontend/home/index.blade.php

@extends('layouts.app')

@section('hero')
<!-- Hero -->
<section id="hero" class="hero u-full-width">
    <div class="hero-image"></div>
    <div class="container centered">
        <div class="twelve columns">
            <h1 class="separator">Research Data Repository</h1>
            <h2>
                A data repository for the research community with secure preservation and data publication.
            </h2>
        </div>
    </div>
</section>
@endsection

@section('content')
<!-- Introduction -->
<section data-sr id="introduction" class="introduction u-full-width">
    <div class="container">
        <div class="row">
            <div class="twelve columns">
                <h3 class="separator">Introduction RDR</h3>
                <h4>
                    RDR offers institutions and researchers a comprehensive archiving
                    and publishing service with reliable storage options for backing up
                    and managing research data. With RDR you can promote research data
                    management at your institution and make an important contribution to improve
                    availability, long-term preservation and independent publication of your research data.
                </h4>
                <p>
                        The use of RDR as a data centre for archiving and/or publishing research data is invoiced annually. 
                        The invoice consists of a basic annual contract fee and a usage-related fee.
                </p>
            </div>
        </div>
    </div>
</section>

<!-- Work -->
<section data-sr id="work" class="work u-full-width">
    <div class="container">
        <div class="row">
            <div class="twelve columns">
                <h3 class="separator">RDR SERVICES</h3>
            </div>
        </div>

        <div class="row">
            <ul class="work-items isotope js-isotope u-cf">
                <li class="four columns isotope-item design ui">
                    <!-- <img src="images/portfolio/work_1.svg"> -->
                    <div class="work-front">
                        <div class="vertical-centered">
                            <h3>Data Archival</h3>
                        </div>
                    </div>
                    <div class="work-detail">
                        <div class="vertical-centered">
                            <p class="separator orange">Data Archival</p>
                            <p>
                                RDR provides format-independent archiving services for data protection.
                            </p>
                        </div>
                    </div>
                </li>
                <li class="four columns isotope-item branding web-design">
                    <!-- <img src="images/portfolio/work_2.svg"> -->
                    <div class="work-front">
                        <div class="vertical-centered">
                            <h3>Data Publication</h3>
                        </div>
                    </div>
                    <div class="work-detail">
                        <div class="vertical-centered">
                            <p class="separator orange">Data Publication</p>
                            <p>
                                With RDR you can publish research data,
                                so that your data is citable and reusable.
                            </p>
                        </div>
                    </div>
                </li>
                <li class="four columns isotope-item mobile ui branding">
                    <!-- <img src="images/portfolio/work_3.svg"> -->
                    <div class="work-front">
                        <div class="vertical-centered">
                            <h3>Peer Review</h3>
                        </div>
                    </div>
                    <div class="work-detail">
                        <div class="vertical-centered">
                            <p class="separator orange">Peer Review</p>
                            <p>
                                All RDR datasets undergo a full, efficient peer review process.
                            </p>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</section>

<!-- Help -->
<section data-sr id="help" class="help u-full-width featured-bg-image">
    <h4 class="centered">
        <button class="button inverted">We're here to help!</button>
    </h4>
</section>

<!-- Clients -->
<section data-sr id="clients" class="clients u-full-width">
    <div class="container">
        <div class="row">
            <h3 class="separator">Cooperation Partners</h3>
        </div>
        <ul class="clients u-full-width u-cf">
            <li>
                <img src="images/clients/logo_zamg.png" alt="Zamg Client">
            </li>
        </ul>
    </div>   
</section>

<!-- About -->
<section data-sr id="about" class="about u-full-width">
    <div class="container">
        <div class="row">
            <div class="twelve columns">
                <h3 class="separator">About us</h3>
                <h4>
                    RDR focuses on disciplines who do not have a tradition
                    of data sharing thus ensuring better availability,
                    sustainable preservation and (independent) publication
                    capacity of their research data.
                </h4>
            </div>
        </div>
    </div>
</section>

<!-- Why us -->
<section data-sr id="why-us" class="why u-full-width">
    <div class="container">
        <div class="row">
            <div class="twelve columns">
                <h3 class="separator">Why choose us</h3>
                <h4>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
                    labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                    laboris.</h4>
            </div>
        </div>
        <div class="row">
            <ul class="services">
                <li class="four columns">
                    <div class="service-image">
                        <img src="images/services/iphone5c.png">
                    </div>
                    <h5>App Design</h5>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
                        ilabore et dolore.</p>
                </li>
                <li class="four columns">
                    <div class="service-image">
                        <img src="images/services/ipad_air.png">
                    </div>
                    <h5>Responsive Layout</h5>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
                        ilabore et dolore.</p>
                </li>
                <li class="four columns">
                    <div class="service-image">
                        <img src="images/services/macbook_pro.png">
                    </div>
                    <h5>Pixel Perfect design</h5>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
                        ilabore et dolore.</p>
                </li>
            </ul>
        </div>
    </div>
</section>

<!-- Contact -->
<section data-sr id="contact" class="contact u-full-width">
    <div class="container">
        <div class="row">
            <div class="twelve columns">
                <h3 class="separator">Get in touch</h3>
                <h4>
                    Want to keep updated or need further information?
                </h4>
            </div>
        </div>
    </div>
</section>

<!-- Contact Us -->
<section data-sr class="container contact-us u-full-width u-max-full-width">
    <div class="row">
        <div class="four columns contact-us-details">
            <h3>Our Location</h3>
            <h5>
                Neulinggasse 38 <br />
                1030 Wien <br />
                +43-1-7125674 <br />
            </h5>
            <ul class="social-links">
                <li>
                    <a href="https://twitter.com/GeologischeBA" target="_blank">
                        <i class="fab fa-twitter"></i>
                    </a>
                </li>
                <li>
                    <a href="https://www.facebook.com/geologie.ac.at" target="_blank">
                        <i class="fab fa-facebook"></i>
                    </a>
                </li>

            </ul>
        </div>
        <div class="eight columns contact-us-form">
            <form>
                <div class="row">
                    <div class="six columns">
                        <input class="u-full-width" type="text" placeholder="Name" id="nameInput">
                    </div>
                    <div class="six columns">
                        <input class="u-full-width" type="email" placeholder="Email" id="emailInput">
                    </div>
                </div>
                <textarea class="u-full-width" placeholder="Message" id="messageInput"></textarea>
                <input class="button u-pull-right" type="submit" value="Send">
            </form>

        </div>
    </div>
</section>

@endsection