720aa57810
- with normalize.css and skeleton.css
395 lines
17 KiB
HTML
395 lines
17 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<!-- http://tutsplus.github.io/casablanca-tutsplus/Part%202%20-%20CSS/index.html# -->
|
||
<!-- https://github.com/catalinmiron/casablanca-tutsplus -->
|
||
|
||
<!-- Basic Page Needs
|
||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||
<meta charset="utf-8">
|
||
<title>RDR - For Scientists</title>
|
||
<meta name="description" content="An awesome one page website">
|
||
<meta name="author" content="Arno Kaimbacher">
|
||
|
||
<!-- Mobile Specific Metas
|
||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||
|
||
<!-- FONT
|
||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||
<!-- <link href='http://fonts.googleapis.com/css?family=Raleway:400,300,600' rel='stylesheet' type='text/css'> -->
|
||
<link href="http://fonts.googleapis.com/css?family=Roboto:400,500,700,900" rel="stylesheet" type='text/css'>
|
||
|
||
<!-- CSS
|
||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||
<link rel="stylesheet" href="css/normalize.css">
|
||
<link rel="stylesheet" href="css/skeleton.css">
|
||
<link rel="stylesheet" href="css/font-awesome.css">
|
||
<link rel="stylesheet" href="css/style.css">
|
||
|
||
<!-- Favicon
|
||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||
<link rel="icon" type="image/png" href="images/favicon/favicon.ico" />
|
||
<!-- <link rel="apple-touch-icon" sizes="180x180" href="images/favicon/apple-touch-icon.png">
|
||
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
|
||
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
|
||
<link rel="manifest" href="images/favicon/site.webmanifest"> -->
|
||
|
||
<!-- Javascript
|
||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||
<script type="text/javascript" src="js/scripts.js"></script>
|
||
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<!-- Menu -->
|
||
<header class="header">
|
||
<nav class="navigation">
|
||
<a href="#" class="menu-icon">
|
||
<i class="fa fa-bars"></i>
|
||
</a>
|
||
<ul class="menu">
|
||
<li><a href="#hero">Home</a></li>
|
||
<li><a href="#introduction">Introduction</a></li>
|
||
<li><a href="#work">Work</a></li>
|
||
<li><a href="#help">Help</a></li>
|
||
<li><a href="#clients">Clients</a></li>
|
||
<li><a href="#about">About</a></li>
|
||
<!-- <li><a href="#why-us">Why us?</a></li>
|
||
<li><a href="#contact">Contact</a></li> -->
|
||
<li class="right"><a href="#">Login</a></li>
|
||
</ul>
|
||
</nav>
|
||
</header>
|
||
|
||
<!-- 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>
|
||
|
||
<!-- 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>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Creativity -->
|
||
<!-- <section data-sr id="creativity" class="creativity u-full-width featured-bg-image">
|
||
<h4 class="centered">
|
||
<button class="button inverted">Pure creativity</button>
|
||
</h4>
|
||
</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>
|
||
</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 class="row">
|
||
<ul class="people-list">
|
||
<li class="three columns people-list-item">
|
||
<img src="images/people_1.jpg">
|
||
<div class="people-hover">
|
||
<a href="#"><i class="fa fa-external-link"></i></a>
|
||
<div class="people-detail">
|
||
<h3>Arno</h3>
|
||
<p>Software Engineer</p>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li class="three columns people-list-item">
|
||
<img src="images/people_2.jpg">
|
||
<div class="people-hover">
|
||
<a href="#"><i class="fa fa-external-link"></i></a>
|
||
<div class="people-detail">
|
||
<h3>Viktoria</h3>
|
||
<p>Project Leader</p>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li class="three columns people-list-item">
|
||
<img src="images/people_3.jpg">
|
||
<div class="people-hover">
|
||
<a href="#"><i class="fa fa-external-link"></i></a>
|
||
<div class="people-detail">
|
||
<h3>Werner</h3>
|
||
<p>GIS Expert</p>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li class="three columns people-list-item blank-feature">
|
||
<div class="vertical-centered">
|
||
<h3 class="separator">WE ARE HIRING</h3>
|
||
<button class="button">Apply</button>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</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>
|
||
|
||
<!-- Footer -->
|
||
<section data-sr class="footer u-full-width u-max-full-width">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="four columns footer-about">
|
||
<!-- <h5>© 2015 Tuts+ Web Design.</h5> -->
|
||
<div class="block">
|
||
<h3 class="block-title">About RDR</h3>
|
||
<ul>
|
||
<li class="last"><a href="{!! URL::route('frontend.pages.show', ['page_slug'=>'about']) !!}">About Us</a></li>
|
||
<li><a href="{{ URL::route('frontend.home.news') }}">News</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="four columns footer-links">
|
||
<div class="block">
|
||
<h3 class="block-title">TOOLS & SUPPORT</h3>
|
||
<ul id="secondary-nav" class="nav">
|
||
<li class="first"><a href="{{ URL::route('frontend.home.contact') }}">Contact</a></li>
|
||
<li class="last"><a href="{!! URL::route('frontend.pages.show', ['page_slug'=>'imprint']) !!}">Impressum</a></li>
|
||
<li class="last"><a href="{{ URL::route('frontend.sitelinks.index') }}">Sitelinks</a></li>
|
||
<li class="last"><a href="{!! URL::route('frontend.pages.show', ['page_slug'=>'terms-and-conditions']) !!}">Terms and Conditions</a></li>
|
||
|
||
<li><a target="_blank" href="https://github.com/geolba"><i class="fab fa-github"></i> rdr bei GitHub</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="four columns block">
|
||
<div class="block">
|
||
<h3 class="block-title">CONNECT WITH US</h3>
|
||
<ul>
|
||
<li><a target="_blank" href="https://www.geologie.ac.at/"><i class="fas fa-home"></i> GBA</a></li>
|
||
<li><span><i class="fas fa-phone"></i> +43-1-7125674</span></li>
|
||
<li><a href="mailto:repository@geologie.ac.at?Subject= RDR &body=How can I help you?"><i class="far fa-envelope"></i> repository@geologie.ac.at</a> </li>
|
||
<li></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- End Document
|
||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||
</body>
|
||
|
||
</html> |