Instantly share code, notes, and snippets.
Created
November 22, 2017 11:05
-
Star
(0)
0
You must be signed in to star a gist -
Fork
(0)
0
You must be signed in to fork a gist
-
Save lucasreppewelander/1326d356c1a7928d7129230a35877d4b to your computer and use it in GitHub Desktop.
lucas testar share funktion på linkedin
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!doctype html><html prefix="og: http://ogp.me/ns#"><head> | |
<style> | |
.template-scoped-style #header { | |
height: 60px; | |
position: relative; | |
z-index: 1000; | |
} | |
.template-scoped-style #logo { | |
margin-top: 7px; | |
height: 45px; | |
} | |
.template-scoped-style #footerLogo { | |
margin: 10px 0; | |
height: 35px; | |
} | |
.template-scoped-style #footerLinks { | |
margin: 0; | |
padding: 0; | |
list-style-type: none; | |
text-align: right; | |
} | |
.template-scoped-style #footerLinks li { | |
display: inline-block; | |
padding: 10px; | |
line-height: 35px; | |
} | |
.template-scoped-style #footerLinks li a { | |
text-decoration: none; | |
} | |
.template-scoped-style #footerCopy { | |
text-align: center; | |
color: #fff; | |
font-size: 12px; | |
padding: 10px 0; | |
} | |
</style> | |
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"><title>Beställ böcker - 17</title><style>.template-scoped-style{font-family: Arial, Helvetica, sans-serif;padding: 0 15px;}.template-scoped-style.frame{padding: 0;}.template-scoped-style.frame #up-form-element-wrapper{margin: 0 !important;width: initial !important;}.template-scoped-style.frame #up-form{box-shadow: none;border-radius: 0;background-color: transparent;}p{font-family: Arial, Helvetica, sans-serif;font-size: 14px;}p.ingress{font-family: "Arial Black", Gadget, sans-serif;font-size: 16px;}h2{font-family: "Arial Black", Gadget, sans-serif;font-size: 34px;display: block;}h3{font-family: "Arial Black", Gadget, sans-serif;font-size: 20px;display: block;}h2.large{font-family: "Arial Black", Gadget, sans-serif;font-size: 68px;}h3.large{font-family: "Arial Black", Gadget, sans-serif;font-size: 40px;}.up-row{position: relative;}.up-row.up-absolute-row{position: absolute !important;left: 0;z-index: 1002;right: 0;background-color: transparent}.up-container{position: relative;}.twitter-typeahead{display: block !important;}.up-background-image{position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-position: center center;background-size: cover;}.up-form-wrapper button[type=submit]{height: 45px;margin-top: 20px;}.up-form-wrapper h2{margin-bottom: 10px;}.up-form-wrapper-cover{position: absolute;top: 0;bottom: 0;left: 0;right: 0;}.form-group{position: relative;}.error-message{background-color: #dc0d17;padding: 1px 5px;color: white;font-style: italic;}.top-carot{position: absolute;width: 0;height: 0;margin-top: -7px;margin-left: 10px;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid #dc0d17;}.error-body{margin: 2px 5px;font-size: 12px;}b#up-email-warning{position: absolute;top: 35px;right: 15px;color: #dc0d17;}#up-client-spinner{position: absolute;display: none;bottom: 10px;right: 10px;color: #999;}.up-form-wrapper{position: relative;}#up-form-thanks,#up-form{background-color: #fff;padding: 20px;border-radius: 3px;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);}#up-form-thanks{display: none;}.up-element #up-form-thanks .up-editor-placeholder{margin: -20px;margin-top: -40px;}.up-element.has-placeholder{padding: 0 !important;background-color: transparent !important;}.up-element.type-file{text-align: center;}.up-element.type-file h2{display: block;}.up-element.type-file img{max-width: 100%;}.up-element.type-file a.up-file-btn{padding: 10px 20px;border-radius: 3px;border: none;font-size: 14px;text-align: center;display: inline-block;margin: 10px 0;color: #ffffff;background-color: #002f65;}.up-element.type-file a:hover,.up-element.type-file a:focus,.up-element.type-file a:active{text-decoration: none;}.up-element.type-map .map-info{position: absolute;top: 0;left: 0;right: 0;padding: 10px;font-size: 14px;background-color: #ffffff;color: #000000;border-bottom: 1px solid #cccccc;text-align: center;height: 40px;z-index: 1000;}.up-element.type-map .map-info + .map{margin-top: 40px;}.up-element.type-map{border-radius: 3px;overflow: hidden;position: relative;}.up-element.type-map .map{min-height: 200px;}.up-element.type-card{background-color: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);padding: 10px 30px;border-radius: 5px;position: relative;overflow: hidden;text-align: center;margin: 0 auto;}.up-element.type-card .card-img{height: 200px;background-position: center center;background-repeat: no-repeat;background-size: cover;position: absolute;top: 0;left: 0;right: 0;}.up-element.type-card .card-title{font-size: 18px;line-height: 18px;margin-top: 10px;margin-bottom: 10px;font-weight: bold;}.up-element.type-card .card-text{font-size: 12px;margin: 10px 0;line-height: 16px;}.up-element.type-card .card-subtitle{margin: 10px 0;font-size: 12px;line-height: 12px;font-weight: normal;}.up-element.type-card .card-img + .card-title{margin-top: 210px;}.up-element.type-countdown{text-align: center;background-color: #fff;padding: 15px;border-radius: 3px;}.up-element.type-countdown .cd-unit{display: inline-block;width: 20%;min-width: 100px;}.up-element.type-countdown .cd-unit .cd-header{text-transform: uppercase;color: #999;font-size: 14px;}.up-element.type-countdown .cd-unit h2{font-size: 42px;}.up-element{}.up-element.type-video iframe{display: block;}.up-element.type-video.shadow{box-shadow: 0 2px 10px rgba(0,0,0, 0.5)}.up-element.type-video.vimeo-video{width: 100%;}.up-element.type-image{max-width: 100%;}.up-element-parent{}.up-element-parent > .up-element{}.fade-animation{opacity: 0;animation-fill-mode: forwards;animation-timing-function: ease-in-out;}#up-click-cover{position: fixed;z-index: 9999;top: 0;bottom: 0;left: 0;right: 0;background-color: transparent;cursor: pointer;}.vpadding-none{padding-top: 0px !important; padding-bottom: 0px; !important;}.hpadding-none{padding-left: 0px !important; padding-right: 0px; !important;}.vpadding-xs{padding-top: 10px !important; padding-bottom: 10px; !important;}.hpadding-xs{padding-left: 10px !important; padding-right: 10px; !important;}.vpadding-sm{padding-top: 20px !important; padding-bottom: 20px; !important;}.hpadding-sm{padding-left: 20px !important; padding-right: 20px; !important;}.vpadding-md{padding-top: 40px !important; padding-bottom: 40px; !important;}.hpadding-md{padding-left: 40px !important; padding-right: 40px; !important;}.vpadding-lg{padding-top: 60px !important; padding-bottom: 60px; !important;}.hpadding-lg{padding-left: 60px !important; padding-right: 60px; !important;}.vpadding-xl{padding-top: 100px !important; padding-bottom: 100px; !important;}.hpadding-xl{padding-left: 100px !important; padding-right: 100px; !important;}.vpadding-xxl{padding-top: 160px !important; padding-bottom: 160px; !important;}.hpadding-xxl{padding-left: 160px !important; padding-right: 160px; !important;}@media (max-width: 992px) {.vpadding-xs{padding-top: 0px !important; padding-bottom: 0px !important;}.hpadding-xs{padding-left: 0px !important; padding-right: 0px !important;}.vpadding-xs{padding-top: 5px !important; padding-bottom: 5px !important;}.hpadding-xs{padding-left: 5px !important; padding-right: 5px !important;}.vpadding-sm{padding-top: 10px !important; padding-bottom: 10px !important;}.hpadding-sm{padding-left: 10px !important; padding-right: 10px !important;}.vpadding-md{padding-top: 20px !important; padding-bottom: 20px !important;}.hpadding-md{padding-left: 20px !important; padding-right: 20px !important;}.vpadding-lg{padding-top: 30px !important; padding-bottom: 30px !important;}.hpadding-lg{padding-left: 30px !important; padding-right: 30px !important;}.vpadding-xl{padding-top: 50px !important; padding-bottom: 50px !important;}.hpadding-xl{padding-left: 50px !important; padding-right: 50px !important;}.vpadding-xxl{padding-top: 80px !important; padding-bottom: 80px !important;}.hpadding-xxl{padding-left: 80px !important; padding-right: 80px !important;}}@keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}@keyframes fadeInLeft {from {opacity: 0;margin-left: -20px;}to {opacity: 1;margin-left: 0px;}}@keyframes fadeInRight {from {opacity: 0;margin-right: -20px;}to {opacity: 1;margin-right: 0px;}}@keyframes zoomIn {from {opacity: 0;transform: scale(0);}to {opacity: 1;margin-right: scale(1);}}</style><script src="//code.jquery.com/jquery-3.1.1.min.js"></script><script src="//maps.googleapis.com/maps/api/js?key=AIzaSyBz8DCi-zXpKspt_-LTIlhu-0vbLYMTNOA&sensor=false&libraries=places&v=3"></script><script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.3/moment.js"></script><script src="//fast.wistia.com/assets/external/E-v1.js" async></script><script>jQuery(document).ready(function() { | |
var calcDiff = function(elem) { | |
var momentDate = moment(elem.data("date")); | |
if(momentDate.isValid()) { | |
var ms = momentDate.utc().unix(); | |
var curr = moment().utc().unix(); | |
var diffTime = ms - curr; | |
var duration = moment.duration(diffTime*1000, "milliseconds"); | |
var days = momentDate.diff(moment(), 'days'); | |
var hours = duration.hours(); | |
var minutes = duration.minutes(); | |
if(days < 0) { | |
days = 0; | |
} | |
if(hours < 0) { | |
hours = 0; | |
} | |
if(minutes < 0) { | |
minutes = 0; | |
} | |
if(days.toString().length === 1) { | |
days = "0"+days; | |
} | |
if(hours.toString().length === 1) { | |
hours = "0"+hours; | |
} | |
if(minutes.toString().length === 1) { | |
minutes = "0"+minutes; | |
} | |
elem.find(".cd-unit.days h2").text(days); | |
elem.find(".cd-unit.hours h2").text(hours); | |
elem.find(".cd-unit.minutes h2").text(minutes); | |
} | |
}; | |
var initMap = function(elem) { | |
var data = elem.data(); | |
var pos = {lat: data.lat, lng: data.lng}; | |
var map = new google.maps.Map(elem.find(".map")[0], { | |
zoom: 16, | |
center: pos, | |
disableDefaultUI: true, | |
mapTypeControl: data.showtools, | |
zoomControl: data.showtools, | |
scrollwheel: data.allowscrollzoom, | |
}); | |
var marker = new google.maps.Marker({ | |
position: pos, | |
map: map | |
}); | |
}; | |
var initVimeo = function(elem) { | |
var videoUrl = elem.data("src"); | |
var endpoint = "http://www.vimeo.com/api/oembed.json"; | |
var callback = "embedVimeo"; | |
var playerId = elem.attr("id")+"_player"; | |
var url = endpoint + "?url=" + encodeURIComponent(videoUrl) + "&callback=" + callback + "&player_id="+playerId+"&width=640"; | |
var js = document.createElement("script"); | |
js.setAttribute("type", "text/javascript"); | |
js.setAttribute("src", url); | |
document.getElementsByTagName("head").item(0).appendChild(js); | |
}; | |
jQuery(".type-countdown").each(function() { | |
calcDiff(jQuery(this)); | |
}); | |
jQuery(".type-map").each(function() { | |
initMap(jQuery(this)); | |
}); | |
jQuery(".type-video").each(function() { | |
var elem = jQuery(this); | |
if(elem.data("type") === "vimeo") { | |
initVimeo(elem); | |
} | |
}); | |
if(window.location.href.indexOf("?valid=false") != -1) { | |
document.getElementById("failedId").innerHTML = "The form didnt validate, please check all fields." | |
} | |
if(window.location.href.indexOf("?reCaptcha=false") != -1) { | |
document.getElementById("failedId").innerHTML = "The reCaptcha validation failed. Please try again." | |
} | |
var formIdElem = document.getElementsByName('formId'); | |
var formCidElem = document.getElementsByName('formCid'); | |
if(formIdElem && formIdElem.length && formCidElem && formCidElem.length) { | |
var xmlhttp = new window.XMLHttpRequest(); | |
var formId = formIdElem[0].value; | |
var formCid = formCidElem[0].value; | |
xmlhttp.open('POST', 'https://alpha.upsales.com/api/external/formView/'+formId+"_"+formCid, true); | |
xmlhttp.send(); | |
} | |
}); | |
function embedVimeo(video) { | |
var regex = /([0-9A-Z]+)_player/g; | |
var match = regex.exec(video.html); | |
if(match.length >= 2) { | |
jQuery("#"+match[1]).html(video.html); | |
} | |
} | |
var validEmail = true;function validateForm(event, redirectURL) { | |
event.preventDefault(); | |
var formId = document.getElementsByName('formId')[0].value; | |
var form = document.forms['form_'+formId]; | |
var inputs = form.querySelectorAll('input'); | |
for(var i = 0; i < inputs.length; i++) { | |
if(inputs[i].type === 'text') { | |
inputs[i].value = inputs[i].value.trim(); | |
} | |
} | |
if (!form.checkValidity() || !validEmail) {return false;}if(window.grecaptcha === undefined || grecaptcha.getResponse() !== "") { | |
jQuery("#up-form button[type=submit]").attr("disabled","disabled"); | |
var data = $(form).serialize(); | |
data += "&isAjax=true"; | |
var _paq = window._paq || null; | |
$.ajax({ | |
type: "POST", | |
url: form.action, | |
data: data, | |
success: function(qs) { | |
var redirUrl = redirectURL; | |
if(redirectURL) { | |
if(redirUrl.indexOf('?') !== -1) { | |
redirUrl += '&'+qs; | |
} else { | |
redirUrl += '?'+qs; | |
}; | |
if(_paq && _paq.push) { | |
_paq.push(['trackLink', "https://post.upsales.com/"+qs, 'link']); | |
} | |
if(_uaq) { | |
_uaq('form=' + qs); | |
} | |
window.top.location.href = redirectURL; | |
} else { | |
jQuery("#up-form").hide(); | |
jQuery("#up-form-thanks").show(); | |
if(_paq && _paq.push) { | |
_paq.push(['trackLink', "https://post.upsales.com/"+qs, 'link']); | |
} | |
if(_uaq) { | |
_uaq('form=' + qs); | |
} | |
} | |
}, | |
error: function(response) { | |
jQuery("#up-form button[type=submit]").removeAttr("disabled"); | |
}, | |
}); | |
} else { | |
jQuery("#recaptcha-error").remove();var recapElem = jQuery(".g-recaptcha");recapElem.after("<div id='recaptcha-error' class='error-message'><span class='top-carot'></span><p class='error-body'>You need to enter this field</p></div>");return false; | |
} | |
} | |
</script><meta charset="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"><meta property="og:title" content="Beställ böcker till ett förmånligt pri" /><meta property="og:url" content="https://pages-alpha.upsales.com/325u5296572c62a74ecba3fcc268a6dcd724" /><meta property="og:image" content="https://img-alpha.upsales.com/AP+eXgIBZONggXRu9ngLiQ==/images/apple-iphone-books-desk.jpg?width=780" /><meta property="og:description" content="just nu kan du betsälla böcker härifrån direkt, till bra pris!" /><meta name="twitter:card" content="summary"><meta name="twitter:title" content="Beställ böcker till ett förmånligt pri"><meta name="twitter:description" content="just nu kan du betsälla böcker härifrån direkt, till bra pris!"><meta name="twitter:image:src" content="https://img-alpha.upsales.com/AP+eXgIBZONggXRu9ngLiQ==/images/apple-iphone-books-desk.jpg?width=780"></head><body class="template-scoped-style" style="background-color: rgb(250, 250, 250);"><!--TEMPLATE_START--> | |
<div class="row up-row has-1485506634606" data-row-id="1485506593736" data-up-row="" style="background-color: rgb(255, 255, 255);"><div class="up-background-image" style="background-image: url("https://img-alpha.upsales.com/AP+eXgIBZONggXRu9ngLiQ==/images/apple-iphone-books-desk.jpg"); opacity: 1;"></div><div class="container up-container"><div data-up-col="" data-col-id="0" class="col-md-4 up-column" style="padding: 10px;"></div><div data-up-col="" data-col-id="1" class="col-md-4 up-column" style="padding: 10px;"><div id="1485506634606" class="up-element type-text"><p> </p> | |
<p> </p> | |
<p> </p> | |
<p> </p> | |
<p> </p> | |
<p> </p> | |
<p> </p> | |
<p> </p> | |
<p> </p> | |
<p> </p> | |
<p> </p> | |
<p> </p> | |
<p> </p> | |
<p> </p> | |
<p> </p> | |
</div></div><div data-up-col="" data-col-id="2" class="col-md-4 up-column" style="padding: 10px;"></div></div></div><div class="row up-row has-1485506926238" data-row-id="1485506924293" data-up-row="" style="background-color: rgb(255, 255, 255);"><div class="container up-container"><div data-up-col="" data-col-id="0" class="col-md-4 up-column" style="padding: 10px;"></div><div data-up-col="" data-col-id="1" class="col-md-4 up-column" style="padding: 10px;"><div id="1485506926238" class="up-element type-text"><p style="text-align: center;"><em><span style="font-size:15px;">Beställ böcker till din kurs...</span></em></p> | |
</div></div><div data-up-col="" data-col-id="2" class="col-md-4 up-column" style="padding: 10px;"></div></div></div><div class="row up-row has-1485506723391 has-1485506808346" data-row-id="1485506720493" data-up-row="" style="background-color: rgb(255, 255, 255);"><div class="container up-container"><div data-up-col="" data-col-id="0" class="col-md-3 up-column" style="padding: 10px;"></div><div data-up-col="" data-col-id="1" class="col-md-3 up-column" style="padding: 10px;"><div id="1485506723391" class="up-element type-card" style="background-color: rgb(255, 255, 255);"><div class="card-img" style="background-image: url("https://img-alpha.upsales.com/AP+eXgIBZONggXRu9ngLiQ==/images/main-qimg-ad681d292c53c8a1935731232c514a08-c.jpeg"); opacity: 1;"></div><h3 class="card-title" style="color: rgb(0, 0, 0);"></h3><h3 class="card-subtitle" style="color: rgb(153, 153, 153);">500 SEK</h3><p class="card-text" style="color: rgb(153, 153, 153);"></p></div></div><div data-up-col="" data-col-id="2" class="col-md-3 up-column" style="padding: 10px;"><div id="1485506808346" class="up-element type-card" style="background-color: rgb(255, 255, 255);"><div class="card-img" style="background-image: url("https://img-alpha.upsales.com/AP+eXgIBZONggXRu9ngLiQ==/images/2ebfd694f23f06317076c17d0c8deefc.jpg"); opacity: 1;"></div><h3 class="card-title" style="color: rgb(0, 0, 0);"></h3><h3 class="card-subtitle" style="color: rgb(153, 153, 153);">650 SEK</h3><p class="card-text" style="color: rgb(153, 153, 153);"></p></div></div><div data-up-col="" data-col-id="3" class="col-md-3 up-column" style="padding: 10px;"></div></div></div><div class="row up-row has-1485506849436 has-1485507160778" data-row-id="1485506841780" data-up-row="" style="background-color: rgb(255, 255, 255);"><div class="container up-container"><div data-up-col="" data-col-id="0" class="col-md-3 up-column" style="padding: 10px;"></div><div data-up-col="" data-col-id="1" class="col-md-3 up-column" style="padding: 10px;"><div id="1485506849436" class="up-element type-text"><p style="text-align: center;"><strong><a href="http://www.adlibris.com/se">KÖP</a></strong></p> | |
</div></div><div data-up-col="" data-col-id="2" class="col-md-3 up-column" style="padding: 10px;"><div id="1485507160778" class="up-element type-text"><p style="text-align: center;"><strong><a href="http://www.adlibris.com/se">KÖP</a></strong></p> | |
</div></div><div data-up-col="" data-col-id="3" class="col-md-3 up-column" style="padding: 10px;"></div></div></div> | |
<div class="row up-row has-footerLogo has-footerLinks has-footerCopy" data-row-id="3" data-up-row="" id="footer" data-up-special="" style="background-color: rgb(255, 255, 255);"><div class="up-background-image" style="background-image: url("https://img-alpha.upsales.com/AP+eXgIBZONggXRu9ngLiQ==/images/pexels-photo-160107.jpeg"); opacity: 1; filter: blur(2px);"></div><div class="container up-container"> | |
<div class="container"> | |
<div class="col-md-4"> | |
<img id="footerLogo" data-opacity="50" class="up-element type-image" src="https://img-alpha.upsales.com/AP+eXgIBZONggXRu9ngLiQ==/images/Upsales_Logo_White(4).png" style="opacity: 1;"> | |
</div> | |
<div class="col-md-8"> | |
<ul id="footerLinks" data-color="" class="up-element type-links"><li><a href="http://upsales.com">Home</a></li></ul> | |
</div> | |
<div class="col-md-12"> | |
<div id="footerCopy" data-color="" class="up-element type-text">© Upsales Nordic AB</div> | |
</div> | |
</div> | |
</div></div> | |
<!--TEMPLATE_END--><script src="https://img-alpha.upsales.com/AP+eXgIBZONggXRu9ngLiQ==/visit/v.js"></script></body></html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment