Skip to content

Instantly share code, notes, and snippets.

@volodymyrpekh

volodymyrpekh/advocacy-original-1.html

Last active September 18, 2017 14:10
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save volodymyrpekh/fea68a10418cbcf780c50571719cbc7d to your computer and use it in GitHub Desktop.
Save volodymyrpekh/fea68a10418cbcf780c50571719cbc7d to your computer and use it in GitHub Desktop.
Download ZIP
Advocacy Original FR - HTML 1 Header
Raw
advocacy-original-1.html
<!DOCTYPE html>
<html lang="fr_CA" class="fr_CA">
<head>
<meta charset="utf-8" />
<title>Société canadienne de la SP</title>
<link href="https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/41/2016-responsive-styles.css?v=1474040974000" rel="stylesheet" type="text/css">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link rel="shortcut icon" href="https://mssociety.ca/favicon.fr_CA.ico" />
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.min.css" />
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,700,300,600,800,400" />
<link rel="stylesheet" href="https://mssociety.ca/css/main.css" />
<!--[if lt IE 9]>
<link rel="stylesheet" href="https://mssociety.ca/css/ie.old.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7/html5shiv-printshiv.min.js"></script>
<![endif]-->
<link rel="alternate" type="application/rss+xml" title="Latest MS Research News" href="https://mssociety.ca/research-news/rss.xml" /> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBHFRhp9K0qt3htXrTs7SV76BdiqYUAvn0" async defer></script>
<script src="//code.jquery.com/jquery-1.12.3.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jstimezonedetect/1.0.6/jstz.min.js"></script>
<script src="https://mssociety.ca/js/matchmedia.js" ></script>
<script src="https://mssociety.ca/js/jquery.breakpoint.js" ></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.5/jquery.bxslider.js"></script><script src="//cdnjs.cloudflare.com/ajax/libs/fitvids/1.1.0/jquery.fitvids.min.js"></script> <script src="https://cdn.optimizely.com/js/2306200136.js"></script>
<script src="https://mssociety.ca/js/main.js" ></script>
<style>
body {
background-color: #fafafa;
padding: 0 20px 0 20px;
border: 0px solid red;
}
h1#logo a{
background-repeat: no-repeat;
}
#logo a {
background-image: url('https://beta.mssociety.ca/images/logo.fr_CA.png');
}
.eaFormField {
height:55px !important;
}
.eaFormSelect {
height:40px !important;
min-width: 200px;
background-color: #fff;
border:1px solid #e7e7e7;
}
.eaSubmitButton, .eaResetButton {
min-width: 150px !important;
height: 50px !important;
font-size: 100%;
border: 0 !important;
margin-top: 20px !important;
padding-left: 20px;
padding-right: 20px;
}
.eaSubmitButton {
background-color: #000;
color: #fff;
}
.eaResetButton {
background-color: #dfdfdf;
color: #000;
}
<!--needed from main stylesheet for formatting-->
#ENcontent ul,
#ENcontent ol{
}
#ENcontent li {
line-height: 25px;
margin-left:35px;
}
#ENcontent h1 {
color:#000;
font-weight:600;
font-size:24px;
line-height:30px;
margin:0 0 0px 0;
}
#ENcontent h2 {
margin:30px 0px 8px 0px;
color:#444;
font-weight:600;
font-size:22px;
line-height:28px;
}
#ENcontent h3 {
margin:28px 0px 5px 0px;
color:#333;
font-weight:600;
font-size:20px;
line-height:26px;
}
#ENcontent h4 {
margin:26px 0px 5px 0px;
color:#222;
font-weight:600;
font-size:18px;
line-height:22px;
}
#ENcontent h5 {
margin:24px 0px 5px 0px;
color:#111;
font-weight:600;
font-size:16px;
line-height:20px;
}
#ENcontent table {
border-top:3px solid #f3f2f0;
border-collapse:collapse;
margin:15px 0px 40px 0px;
font-size:14px;
}
#ENcontent td {
padding:8px 15px 8px 15px;
vertical-align:top;
}
#ENcontent table thead {
background-color:#ebeae8;
border-bottom:1px solid #e3e2e0;
font-weight:bold;
font-size:18px;
padding:15px;
text-align:left;
}
#ENcontent table tr {
border-bottom:2px solid #f3f2f1;
}
#ENcontent table th {
background-color:#f3f2f1;
border-top:1px solid #f9f9f9;
border-bottom:1px solid #f0efee;
font-size:14px;
font-weight:bold;
margin:0;
padding:6px 10px;
text-align:left;
}
#ENcontent th p,
#ENcontent td p {
margin:0px;
line-height:24px;
}
/* up to 474px */
@media only screen and (max-width:474px){
h1#logo a{
background-image: url('https://beta.mssociety.ca/images/logo.broken.fr_CA.png') !important;
}
.eaSubmitButton, .eaResetButton {
min-width: 120px !important;
}
}
</style>
</head>
<header style="border-bottom:1px solid #e8e8e8; margin-bottom:30px;">
<div class="wrapper">
<ul id="topsubnav">
<li class="donate"><a href="https://mssociety.donorportal.ca/Donation/DonationDetails.aspx?L=fr-CA&G=243&F=1433&T=GENER">Faire un don</a></li>
<li class="language"><a href="https://mssociety.ca/">English</a></li>
</ul>
<h1 id="logo"><a href="https://beta.scleroseenplaques.ca" style="background-image:url('https://mssociety.ca/images/logo.fr_CA.png');">Société canadienne de la sclérose en plaques</a></h1>
<button id="menuicon" type="button">Menu</button>
<nav id="mainnav">
<ul style="font-size:82%;">
<li><a href="https://scleroseenplaques.ca/a-propos-de-la-sp">Information sur la SP</a></li>
<li><a href="https://scleroseenplaques.ca/soutien-et-services">Soutien et services</a></li>
<li><a href="https://scleroseenplaques.ca/nouvelles-sur-la-recherche">Recherche</a></li>
<li><a href="https://scleroseenplaques.ca/aidez-nous">Aidez-nous</a></li>
</ul>
</nav>
</div>
</header>
<div style="margin:0 auto 20px auto; max-width:1080px; font-family:'Open Sans', sans-serif;">
<div id="ENcontent" style="margin:0 20px 0 20px;">
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment