Pen Settings



CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource


Babel is required to process package imports. If you need a different preprocessor remove all packages first.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource


Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.


    <link href="" rel="stylesheet" type="text/css">

  <!-- code for arrow, page-up -->
<!-- Return to Top -->
<a href="javascript:" id="return-to-top"><i class="icon-chevron-up"></i></a>
<link href="//" rel="stylesheet">
 <!-- new -->
  <h1>Terms and conditions <br></h1>
  <h3><span style="font-weight: 400;">Of processing personal data of end users, serves also as</span><br>
<span style="font-weight: 400;">“End User Agreement”</span></br></br></h3>

			<p><span style="font-weight: 400;">Please read this document carefully and give your consent at the bottom.</span></p>
<p><span style="font-weight: 400;">This document contains the terms and conditions of processing personal data by Oview (herein after referred to as the “Terms and Conditions”). Additional provisions concern the different aspects of Oview activities presented in <a href="">Oview Privacy Policy</a>.</span></p>
<p><span style="font-weight: 400;">In order to gain access to Oview, we ask you to provide your personal information (“Personal Data”). All information that you disclose is confidential and protected from unauthorized disclosure, tampering, or damage.</span></p>
<p><span style="font-weight: 400;">Your participation is voluntary. According to the Terms and Conditions you give your consent to use your personal data in accordance with the following conditions:</span></p>	

			<h2><span style="font-weight: 400;">Subject and purpose of data collection/data processing</span></h2>

<p><span style="font-weight: 400;">Oview, limited liability partnership (LLP), including its subsidiaries, affiliates, divisions, contractors, and all data sources and suppliers, (collectively “Oview”, “we”, “us” or “our”) – a global online platform where opinions are created, acknowledged and transformed into universally accessible visualised data with the intention to induce a civilization that is inspired by the freely created opinions of the majority, which are supported by unbiased information. </span></p>
<p><span style="font-weight: 400;">Oview provides access to a system where users can:</span></p>
<p><span style="font-weight: 400;">– create polar questions (Yes/No questions) about current articles (the “</span><span style="font-weight: 400;">survey questions</span><span style="font-weight: 400;">”). This is done via the backend;</span></p>
<p><span style="font-weight: 400;">– answer </span><span style="font-weight: 400;">the survey questions.</span></p>
<p><span style="font-weight: 400;">It is important to note that all analysis of the survey results such as reports, statistical tables, charts, graphics or other visual forms (“statistical reports”), are always aggregated into statistical information without compromising individual votes.</span></p>
<p><span style="font-weight: 400;">For these purposes Oview asks you to provide your personal data which will be used by Oview to create statistical reports based on personal opinions about different news articles, items, issues, topics, and other internet sources which users link while creating their survey questions in order to help other </span><span style="font-weight: 400;">users </span><span style="font-weight: 400;">to understand the general context of these survey questions</span> <span style="font-weight: 400;">(the “articles”). Oview provides you with access to our services only after you create an account in Oview as defined in the Privacy Policy in the part “Registration in Oview”. As soon as you sign the Terms and Conditions and finish the whole registration process in the Oview <a href="">backend of the app</a> or in <a href="">the mobile app</a> (the “registration”), your personal data will be transferred to Oview and you will become an Oview user (the “user”). Becoming an Oview user contains the right to express your opinion by voluntary participation in survey questions and/or the right to create survey questions. </span></p>
<p><span style="font-weight: 400;">Oview controls personal data. It collects and processes personal data only for the purposes of Oview activities. Oview respects your privacy and complies with Dutch&nbsp;and international data protection law.</span></p>

			<h2><span style="font-weight: 400;">Personal data</span></h2>
<p><span style="font-weight: 400;">During the registration in Oview we ask you to provide personal data which includes your name, birth date, gender, education level, location (city), language preference and/or other categories of personal data which Oview will decide to include in the future. Providing this personal data is optional, and it determines the amount of information in statistical reports the user will be able to see after responding to the survey questions; meaning; providing your personal data gives access to the corresponding aggregated data in the statistics reports. It is possible at any point to remove and/or add personal data, and that will immediately change the extent of access to the relevant statistical reports.</span></p>
<p><span style="font-weight: 400;">Oview can collect, process, store and use your technical information</span> <span style="font-weight: 400;">such as cookies, and/or other technologies, and subsidiary analytical software as described in our Cookies Policy and in accordance to Dutch and international law. The statistical information of your activities in your Oview account can be used for improvement of our system including security policies, but not limited to it alone.</span></p>
<p><span style="font-weight: 400;">We collect information from your mobile device about the system and model of your device, version of your operating system, and statistical information about the equipment of your device such as the processor, </span><span style="font-weight: 400;">short-term memory, </span><span style="font-weight: 400;">internal memory, application versions and similar. This information could be used as statistical data for improvement of our system including security policies, but not limited to it alone.</span></p>
<p><span style="font-weight: 400;">You can use third party services (such as Facebook and others) to share personal data while creating an account in Oview. Only personal data with public access will be collected in the case of using third party services. Oview does not have direct or indirect intention to collect more personal data than we ask of you during the registration</span><span style="font-weight: 400;">.</span><span style="font-weight: 400;"> You can manage the information that we collect through third party services by changing the extent of public access to your personal data in those services according to their Privacy Policies.</span></p>


			<h2><span style="font-weight: 400;">Processing of Personal Data</span></h2>
<p><span style="font-weight: 400;">Without infringement of personal protection and in accordance to Dutch, European, and international Data Protection Law. Oview </span><span style="font-weight: 400;">has the right to use all data collected for actions or a set of actions, including the collection, recording, organization, storage, updating or modification, retrieval, consultation, use, dissemination by means of transmission, distribution or display in any other form, merging, linking, as well as blocking, erasure or destruction of data (“processing”).</span></p>
<p><span style="font-weight: 400;">Your personal data is processed according to the Terms and Conditions and Privacy Policy of Oview.</span></p>
<p><span style="font-weight: 400;">Oview will store personal data on a special database in the server of third parties (the “provider”). This provider stores personal data in accordance with the Terms and Conditions of the special agreement between us and this provider. All provider activity related to personal data is regulated by the Terms and Conditions, our Privacy Policy&nbsp;and the provider’s Privacy Policy. The provider guarantees additional security measures to your personal data with relation to the server where all data are saved.</span></p>
<p><span style="font-weight: 400;">Your personal data is protected from unauthorized access also from the third parties through our encryption during transmission, storage, and other processing of personal data to increase the level of safety of your personal data.</span></p>
<p><span style="font-weight: 400;">With respect to your privacy and following the requirements of data protection, your personal data are used by Oview only after its depersonalization, mixing and modification. The modification of information is the final step of creating statistical reports. </span></p>
<p><span style="font-weight: 400;">All results of public opinion become public only after the user</span><b>`</b><span style="font-weight: 400;">s voluntarily participation in survey questions, with the option of user</span><b>`</b><span style="font-weight: 400;">s preliminary research into the topic discussed in the different articles.</span></p>

			<h2><span style="font-weight: 400;">Users</span><b>’</b><span style="font-weight: 400;"> &nbsp;rights &nbsp;</span></h2>
<p><span style="font-weight: 400;">You have the right to know what kind of information related to you is being processed by Oview, and/or whether your personal data is being processed or not. You have the right to send a request to Oview in order to correct, supplement, delete or block information related to you according to your specification based on legitimate grounds and according to the Dutch&nbsp;and international data protection law.</span> <span style="font-weight: 400;">Oview is obliged to inform you when we finish all actions related to such a withdrawal, </span><span style="font-weight: 400;">in accordance with</span><span style="font-weight: 400;"> the term fixed by the law.</span></p>
<p><span style="font-weight: 400;">Users have the right to react to this document and notify Oview, via email, what they would like to change in the Terms and Conditions and why. Oview reserves the right to change the Terms and Conditions in accordance with these suggestions, but it is not obliged to do so.</span></p>

			<h2><span style="font-weight: 400;">Providing personal data to third parties</span></h2>
<p><span style="font-weight: 400;">We keep your personal data in accordance with confidentiality requirements by law and without infringement of your privacy. </span></p>
<p><span style="font-weight: 400;">We encrypt your personal data during transmission, storage, and backup to increase the level of safety of your personal data.</span></p>
<p><span style="font-weight: 400;">Specific employees of Oview</span> <span style="font-weight: 400;">have a key to the codified personal data for the purposes of improvement of the application system including, but not limited to security policy, for ensuring proper operation of the platform, and for other legitimate purposes related to Oview activities.</span></p>
<p><span style="font-weight: 400;">Third parties can view the statistical reports without any personal identification of the users.</span></p>

			<h2><span style="font-weight: 400;">Limitations of the validity of the </span><span style="font-weight: 400;">the Terms and Conditions</span></h2>
<p><span style="font-weight: 400;">You agree, for an unlimited time, to give your consent regarding your personal data to Oview according to the terms and conditions as described in the Terms and Conditions.</span></p>
<p><span style="font-weight: 400;">Oview has the right to change the Terms and Conditions without any notification unless these changes reduce users</span><b>’</b><span style="font-weight: 400;"> rights; it will not be done without the notice and additional consent of the users.</span></p>

			<h2><span style="font-weight: 400;">General</span></h2>
<p><span style="font-weight: 400;">All the definitions in the Terms and Conditions, including “Oview”, “user”, “survey question”, “personal data”, “statistical report”, “registration”, “provider”, and others can be used in the plural form as well as in the singular form without it having any effect on the definitions themselves. The pronouns used herein shall include, where appropriate, either gender and/or both singular and plural.</span></p>
<p><span style="font-weight: 400;">All terms and their definitions in the Terms and Conditions can be used in the Privacy Policy document, and vice versa, without any changes to their meaning/s. </span></p>
<p><span style="font-weight: 400;">In the event that any clause in this Terms and Conditions should be and/or become null and void, this mere fact will not have any effect on the validity of the other clauses.</span></p>
<p><span style="font-weight: 400;">This Terms and Conditions shall be governed and interpreted through and under the Dutch Law and the law of the court in Utrecht.</span></p>
<p><span style="font-weight: 400;">If you have any questions, suggestions or comments regarding Oview</span><b>’</b><span style="font-weight: 400;">s processing of personal data, please contact us at </span><a href=""><span style="font-weight: 400;"></span></a><span style="font-weight: 400;">. </span></p>



                body {
    font-family: Roboto;
    font-size: 14px;
    line-height: 26px;
  background-color: #F6F6F6;
    color: #818181; /* grey */
    font-weight: 400;
  margin-left: 130px;
  margin-right: 130px; 

.h1, .h2, .h3, .h4, .h5, .h6, a, h1, h2, h3, h4, h5, h6, p a {
    color: #303030;
.h1, h1 {
    font-size: 30px;
    line-height: 1.25em;
.h2, h2{
  font-size: 24px;
.h3, h3 {
    font-size: 17px;
h1, .h1, .title h1, h2, .h2, h3, .h3 {
    font-family: 'Roboto', sans-serif;
a:hover, p a:hover {
    color: #1abc9c;
    text-decoration: none;

.drop_down .wide .second .inner>ul>li>a, .h2, .h3, .h5, .h6, h2, h3, h5, h6, nav.main_menu>ul>li>a {
    text-transform: uppercase;
.h2, .h3, h2, h3 {
    font-weight: 600;
  letter-spacing: 1px;

      margin-bottom: 0;

/* code for arrow, page-up*/
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    /* I can add here some background-color */
    border: 1px solid white;

    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
#return-to-top i { /* inside arrow */
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
#return-to-top:hover {
    background:  white /*rgba(0, 0, 0, 0.9)*/;
#return-to-top:hover i { /* inside arrow */
    color: rgb(95, 95, 95); /* grey */
    top: 5px;

/* end of code for arrow, page-up*/


                /* js code for the arrow */
// ===== Scroll to Top ==== 
$(window).scroll(function() {
    if ($(this).scrollTop() >= 50) {        // If page is scrolled more than 50px
        $('#return-to-top').fadeIn(200);    // Fade in the arrow
    } else {
        $('#return-to-top').fadeOut(200);   // Else fade out the arrow
$('#return-to-top').click(function() {      // When arrow is clicked
        scrollTop : 0                       // Scroll to top of body
    }, 500);