Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

img & h1 test1 #1

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

img & h1 test1 #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added img/a-test.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/b-test.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/c-test.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/d-test.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
53 changes: 24 additions & 29 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,6 @@
<title>MIDATA.coop</title>
<link rel="stylesheet" href="css/app.css" />
<script src="bower_components/modernizr/modernizr.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBQEiDqgnmb_iu0s4EnwcZ3CkVSzuZ_yg8"></script>
</head>
<body>
<div id="preload"></div>
Expand All @@ -27,7 +26,7 @@
<hr class="hide-for-large-up">
<li><a class="dataclose" href="#s2">Team</a></li>
<hr class="hide-for-large-up">
<li><a class="dataclose" href="#form">Contact</a></li>
<li><a class="dataclose" href="#contact">Contact</a></li>
<hr class="hide-for-large-up">
<br class="hide-for-large-up">
<!-- <ul id="mLanguageSelector" class="hide-for-large-up">
Expand All @@ -39,7 +38,7 @@
</ul>
</div>
</div>
<div id="languageSelector" class="row fullWidth show-for-large-up">
<!-- <div id="languageSelector" class="row fullWidth show-for-large-up">
<div class="small-12 medium-10 medium-centered large-12 columns text-center large-text-right">
<ul>
<li><a href="#">DE</a></li>
Expand All @@ -48,13 +47,13 @@
<li><a href="#">EN</a></li>
</ul>
</div>
</div>
</div> -->
</nav>
<header id="home">
<div id="infoBox">
<div class="row">
<div class="small-12 centered columns">
<h4>FIRST PILOT PROJECTS ARE <br>ABOUT TO START</h4><h5>Stay abreast of MIDATA advance</h5><br>
<h4>FIRST PILOT PROJECTS ARE <br>ABOUT TO START</h4><h5>Stay tuned for MIDATA news</h5><br>
<form action="" method="post" id="newsletter_subscribe" name="" class="validate" target="_blank" novalidate="">
<div class="row">
<div class="small-12 columns">
Expand All @@ -77,17 +76,17 @@ <h4>FIRST PILOT PROJECTS ARE <br>ABOUT TO START</h4><h5>Stay abreast of MIDATA a
<!-- Swiper -->
<div class="swiper-container">
<div class="swiper-wrapper">
<div id="slide1" class="swiper-slide swiper-lazy" data-background="img/a.jpg">
<h1>As a patient with a rare disease,<br class="show-for-medium-up"> I would like to share my data and participate in clinical trials </h1>
<div id="slide1" class="swiper-slide swiper-lazy" data-background="img/a-test.jpg">
<h1>Share your data and participate in clinical trials</h1>
</div>
<div id="slide2" class="swiper-slide swiper-lazy" data-background="img/b.jpg">
<h1>I want to have access to a secure platform on which my patients and I can easily share health related data </h1>
<div id="slide2" class="swiper-slide swiper-lazy" data-background="img/b-test.jpg">
<h1>Get your data anonimized and open it to research programs</h1>
</div>
<div id="slide3" class="swiper-slide swiper-lazy" data-background="img/c.jpg">
<h1>I want to control who uses my data and open it to research programs</h1>
<div id="slide3" class="swiper-slide swiper-lazy" data-background="img/c-test.jpg">
<h1>Decide who can access your health-related data and what it is used for</h1>
</div>
<div id="slide4" class="swiper-slide swiper-lazy" data-background="img/d.jpg">
<h1>I want to have access to a secure platform on which my patients and I can easily share health related data </h1>
<div id="slide4" class="swiper-slide swiper-lazy" data-background="img/d-test.jpg">
<h1>Access to a secure platform on which patients and you can easily share health related data</h1>
</div>
</div>
<div class="swiper-pagination swiper-pagination-black"></div>
Expand All @@ -101,26 +100,26 @@ <h2>MADE BY CITIZENS</h2>
</div>
<div class="small-12 medium-6 large-5 columns">
<h5 class="subheader">
MIDATA is a member-owned Swiss cooperative founded on February the 4<small><sup>th</sup></small> 2015. It will provide individuals with a secure platform to collect, store, manage and analyze and share their personal health and lifestyle data.
MIDATA is a member-owned Swiss cooperative founded on February 4<small><sup>th</sup></small> 2015. It will provide individuals with a secure platform to collect, store, manage, analyze and share their personal health and lifestyle data.
</h5>
</div>
<div class="small-12 medium-6 columns">
<h5 class="subheader">
The cooperative is driven by the idea that every individual should be able to control who gets access to which of his/her personal data, for how long and for what purpose. MIDATA is about to change the society at large by unlocking the power of personal data in a democratic, citizen-centered manner.
The cooperative is founded on the principle that every individual should be able to control who gets access to which of his/her personal data, for how long and for what purpose. MIDATA is about to change the society at large by unlocking the power of personal data in a democratic, citizen-centered manner.
</h5>
</div>
</div>
<div class="row" id="benefits">
<div class="small-12 medium-4 columns">
<span class="fi-person" title="icon people" aria-hidden="true"></span>
<h3>TRANSPARENCY</h3>
<p>MIDATA members are in full control who gets access to and who as accessed their data and for what purpose. They can modify their settings at any time and even delete their data.</p>
<p>MIDATA members have complete control over their data. They choose who has access to which data and for what purpose. They can change these settings at any time and even delete their data.</p>
<br class="hide-for-medium-up"><br class="hide-for-medium-up">
</div>
<div class="small-12 medium-4 columns">
<span class="fi-pencil" title="icon pencil" aria-hidden="true"></span>
<h3>SECURITY</h3>
<p>MIDATA uses state of art data security systems and cooperates with Swisscom Cloud Services. Data are multiply encrypted and only the members hold the keys their data.</p>
<p>MIDATA uses state of art data security systems and cooperates with Swisscom Cloud Services. Data are multiply encrypted and only the members hold the keys to their data.</p>
<br class="hide-for-medium-up"><br class="hide-for-medium-up">
</div>
<div class="small-12 medium-4 columns">
Expand All @@ -132,8 +131,8 @@ <h3>RESEARCH</h3>
<div id="community">
<div class="row">
<div class="small-12 medium-8 large-6 columns">
<h2>NOT FOR PROFIT</h2><h4>TOWARDS THE COMMON GOOD</h4>
<p>Personal data are often called a new asset class. However, the economic and societal value does not lie in the dataset of an individual person but in the aggregation of many different datasets. Therefore MIDATA is a not-for-profit cooperative.<br>Members will always be in full controle of their personal data. Revenues will be invested into the maintenance and further development of the platform and into research and information projects from which society as a whole profits. Members will be able to decide which projects to support.</p>
<h2>NOT FOR PROFIT</h2><h4>COMMON GOOD &amp; INDIVIDUAL CONTROL</h4>
<p>The true power and value of personal data emerges only when many individuals use their data together as a community. MIDATA therefore believes that the benefit derived from joining personal data should also lie with the community, while control over the data rest firmly with the individual. Accordingly, each member decides individually what projects and causes he or she wants to supports with his or her personal data. But, revenues generated by MIDATA are used for information and research projects that benefit the community as a whole and the MIDATA members decide together which of these projects they want to fund.</p>
</div>
</div>
</div>
Expand Down Expand Up @@ -237,27 +236,25 @@ <h3>ULRICH GENICK</h3>
</div>
</div>
</section>
<section id="form">
<section id="contact">
<div class="row">
<div class="small-12 xlarge-9 xlarge-centered xxlarge-6 columns">
<div class="small-12 columns">
<h2>CONTACT US</h2><br>
<form>
<div class="row">
<div class="small-12 columns">
<div class="small-12 large-6 columns">
<label>FIRST NAME
<input type="text"/>
</label>
</div>
</div>
<div class="row">
<div class="small-12 columns">
<div class="small-12 large-6 columns end">
<label>LAST NAME
<input type="text"/>
</label>
</div>
</div>
<div class="row">
<div class="small-12 columns">
<div class="small-12 large-6 columns end">
<label>EMAIL
<input type="text"/>
</label>
Expand All @@ -271,15 +268,14 @@ <h2>CONTACT US</h2><br>
</div>
</div>
<div class="row">
<div class="small-12 text-right">
<div class="small-12 columns text-right">
<a class="colored-bg button">SEND</a>
</div>
</div>
</form>
</div>
</div>
</section>
<div id="map-canvas"></div>
<section id="s3">
<div class="row ">
<div class="small-12 columns">
Expand Down Expand Up @@ -307,6 +303,5 @@ <h2>SUPPORTED BY</h2><br>
<script src="bower_components/foundation/js/foundation.min.js"></script>
<script src="bower_components/swiper/dist/js/swiper.min.js"></script>
<script src="js/app.js"></script>
<script src="js/map.js"></script>
</body>
</html>
Loading