1<!DOCTYPE html> 2<html lang="sv" xmlns="http://www.w3.org/1999/xhtml"> 3<head> 4 <link href="/Styles/Styles.css?v=1.2" rel="stylesheet" type="text/css" /> 5 <link rel="icon" type="image/png" href="/Images/FavIcon.png" /> 6 <link rel="preconnect" href="https://fonts.gstatic.com"> 7 <link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400&family=Playfair+Display:ital,wght@1,700&family=Poppins:ital,wght@1,300&display=swap" rel="stylesheet"> 8 <meta charset="utf-8" /> 9 <meta name="viewport" content="initial-scale=1.0, width=device-width, minimum-scale=1" /> 10 <title>Företagarna</title> 11 <link rel="stylesheet" href="/css/flickity.min.css"> 12</head> 13<body> 14 <header class="SiteHeader"> 15 <div class="Wrapper"> 16 <a href="https://www.foretagarna.se"> 17 <img class="SiteHeader-logo" src="/Images/Logotyp_Vit.svg" /> 18 </a> 19 </div> 20 </header> 21 <main class="SiteMain"> 22 <div class="Wrapper"> 23 24 <div class="container body-content"> 25
26<script>
vendor: 363 bytes, lines 26-30
26 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 27 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 28 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 29 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 30 })(window,document,'script','dataLayer','
30GTM-NDZ7JS
vendor: 3 bytes, line 30
30');
30</script>
vendor: 90 bytes, lines 30-33
30 31 32 <noscript> 33 <iframe src="https://www.googletagmanager.com/ns.html?id=
33GTM-NDZ7JS
vendor: 106 bytes, lines 33-36
33" 34 height="0" width="0" style="display:none;visibility:hidden"></iframe> 35 </noscript> 36
37<div class="login-page"> 38 <form action="/Account/Login?returnUrl=%2Fconnect%2Fauthorize%2Fcallback%3Fclient_id%3Dweb%26redirect_uri%3Dhttps%253A%252F%252Fwww.foretagarna.se%252Fsignin-oidc%26response_type%3Dcode%2520id_token%26scope%3Dopenid%2520profile%2520user%2520offline_access%26response_mode%3Dform_post%26nonce%3D639265048674883438.OTU4ZDM0NjEtNjA5OC00YjJiLTgyOGQtNmUxNGNmNmU5NDhhYThiMTg3ZGEtNzNjNi00ZDVhLTg3MWUtNTJjNWFkNjM0YzFm%26state%3DCfDJ8DJY4qLo87xKgut2ewpKFi6TyKqlmkQq5fV4yw1MbXfqC_sBiLQ7g1t9cA5AmS3hopWZfDjv_kVkXFyZFCTzIcyBqtWG68FCjl-m6Ja5ORPtVaQvkYVU2XsZY9WzPo0OyaTmx-l7o3zo9977Kjvw2X5uPHHQErQ2h1CWVtdw6k6ZIPmii1jh_oqqXkVOqccuYpSqbJeYAec86f7Cn6v4LH6QtLjwTth1B6VmKXgiRHFbV1Lc7QPcEPyKJST6zfOkzWYvjtamrDsCNiYvo5GlNHo9n2ESFbwrlV4ODMYyOC17AYxLpxXZ52Y2pcI1Q2nd64DfMvxbgWZvL3auLN3zuHnIO6u8tCYdh9QRkBlGeYcE%26x-client-SKU%3DID_NET8_0%26x-client-ver%3D8.0.1.0" method="post"> 39 <input type="hidden" id="ReturnUrl" name="ReturnUrl" value="/connect/authorize/callback?client_id=web&redirect_uri=https%3A%2F%2Fwww.foretagarna.se%2Fsignin-oidc&response_type=code%20id_token&scope=openid%20profile%20user%20offline_access&response_mode=form_post&nonce=639265048674883438.OTU4ZDM0NjEtNjA5OC00YjJiLTgyOGQtNmUxNGNmNmU5NDhhYThiMTg3ZGEtNzNjNi00ZDVhLTg3MWUtNTJjNWFkNjM0YzFm&state=CfDJ8DJY4qLo87xKgut2ewpKFi6TyKqlmkQq5fV4yw1MbXfqC_sBiLQ7g1t9cA5AmS3hopWZfDjv_kVkXFyZFCTzIcyBqtWG68FCjl-m6Ja5ORPtVaQvkYVU2XsZY9WzPo0OyaTmx-l7o3zo9977Kjvw2X5uPHHQErQ2h1CWVtdw6k6ZIPmii1jh_oqqXkVOqccuYpSqbJeYAec86f7Cn6v4LH6QtLjwTth1B6VmKXgiRHFbV1Lc7QPcEPyKJST6zfOkzWYvjtamrDsCNiYvo5GlNHo9n2ESFbwrlV4ODMYyOC17AYxLpxXZ52Y2pcI1Q2nd64DfMvxbgWZvL3auLN3zuHnIO6u8tCYdh9QRkBlGeYcE&x-client-SKU=ID_NET8_0&x-client-ver=8.0.1.0" /> 40 41 <!-- Login form --> 42 <div class="LoginWrapper"> 43 <div class="login-container"> 44 45 <div class="carousel"> 46 47 <div class="carousel-cell"> 48 <div class="overlay"></div> 49 <div class="info-container"> 50 <h1> 51 Välkommen! 52 </h1> 53 <h3> 54 Som medlem hos Företagarna: 55 </h3> 56 <ul> 57 <li> 58 Rabatter och förmÃ¥nliga erbjudanden 59 </li> 60 <li> 61 3 mÃ¥naders fri försäkring 62 </li> 63 <li> 64 Fri juridisk telefonrÃ¥dgivning 65 </li> 66 <li> 67 Nätverk över hela landet 68 </li> 69 </ul> 70 </div> 71 72 <img class="image" src="/Images/onboarding.jpg" alt="onboarding" /> 73 74 </div> 75 <div class="carousel-cell"> 76 <div class="overlay"></div> 77 <div class="info-container"> 78 <h1> 79 Spara tid och pengar 80 </h1> 81 <h3> 82 Unika förmÃ¥ner inom bland annat: 83 </h3> 84 <ul> 85 <li> 86 Drivmedel och el 87 </li> 88 <li> 89 Hotell och resor 90 </li> 91 <li> 92 IT och telefoni 93 </li> 94 <p>... och mycket mer</p> 95 </ul> 96 </div> 97 98 <img class="image" src="/Images/onboarding3.jpg" alt="onboarding" /> 99 </div> 100 <div class="carousel-cell"> 101 <div class="overlay"></div> 102 <div class="info-container"> 103 <h1> 104 Fri juridisk rÃ¥dgivning 105 </h1> 106 <h3> 107 Ring hur ofta och länge du vill 108 </h3> 109 <ul> 110 <li> 111 En av vÃ¥ra mest populära förmÃ¥ner 112 </li> 113 <li> 114 TillgÃ¥ng till avtal och mallar 115 </li> 116 <li> 117 Hjälp med frÃ¥gor inom anställning, uppsägning, avtal m.m. 118 </li> 119 </ul> 120 </div> 121 122 <img class="image" src="/Images/onboarding4.jpg" alt="onboarding" /> 123 </div> 124 </div> 125 126 <div id="ftg-mobile-header"><img src="/Images/Logotyp_Vit.svg" /></div> 127 <div class="login-buttons"> 128 <h2> 129 Logga in med 130 </h2> 131 <div class="auth-button"> 132 <a href="/Account/ExternalLogin?provider=al-bankid-auth-samedevice&returnUrl=%2Fconnect%2Fauthorize%2Fcallback%3Fclient_id%3Dweb%26redirect_uri%3Dhttps%253A%252F%252Fwww.foretagarna.se%252Fsignin-oidc%26response_type%3Dcode%2520id_token%26scope%3Dopenid%2520profile%2520user%2520offline_access%26response_mode%3Dform_post%26nonce%3D639265048674883438.OTU4ZDM0NjEtNjA5OC00YjJiLTgyOGQtNmUxNGNmNmU5NDhhYThiMTg3ZGEtNzNjNi00ZDVhLTg3MWUtNTJjNWFkNjM0YzFm%26state%3DCfDJ8DJY4qLo87xKgut2ewpKFi6TyKqlmkQq5fV4yw1MbXfqC_sBiLQ7g1t9cA5AmS3hopWZfDjv_kVkXFyZFCTzIcyBqtWG68FCjl-m6Ja5ORPtVaQvkYVU2XsZY9WzPo0OyaTmx-l7o3zo9977Kjvw2X5uPHHQErQ2h1CWVtdw6k6ZIPmii1jh_oqqXkVOqccuYpSqbJeYAec86f7Cn6v4LH6QtLjwTth1B6VmKXgiRHFbV1Lc7QPcEPyKJST6zfOkzWYvjtamrDsCNiYvo5GlNHo9n2ESFbwrlV4ODMYyOC17AYxLpxXZ52Y2pcI1Q2nd64DfMvxbgWZvL3auLN3zuHnIO6u8tCYdh9QRkBlGeYcE%26x-client-SKU%3DID_NET8_0%26x-client-ver%3D8.0.1.0"> 133 <img class="bankid-icon" src="/Static/Images/BankID_logo_white.svg" alt="BankID" /><span>BankID (Denna enhet) </span> 134 </a> 135 </div> 136 <div class="auth-button"> 137 <a href="/Account/ExternalLogin?provider=al-bankid-auth-otherdevice&returnUrl=%2Fconnect%2Fauthorize%2Fcallback%3Fclient_id%3Dweb%26redirect_uri%3Dhttps%253A%252F%252Fwww.foretagarna.se%252Fsignin-oidc%26response_type%3Dcode%2520id_token%26scope%3Dopenid%2520profile%2520user%2520offline_access%26response_mode%3Dform_post%26nonce%3D639265048674883438.OTU4ZDM0NjEtNjA5OC00YjJiLTgyOGQtNmUxNGNmNmU5NDhhYThiMTg3ZGEtNzNjNi00ZDVhLTg3MWUtNTJjNWFkNjM0YzFm%26state%3DCfDJ8DJY4qLo87xKgut2ewpKFi6TyKqlmkQq5fV4yw1MbXfqC_sBiLQ7g1t9cA5AmS3hopWZfDjv_kVkXFyZFCTzIcyBqtWG68FCjl-m6Ja5ORPtVaQvkYVU2XsZY9WzPo0OyaTmx-l7o3zo9977Kjvw2X5uPHHQErQ2h1CWVtdw6k6ZIPmii1jh_oqqXkVOqccuYpSqbJeYAec86f7Cn6v4LH6QtLjwTth1B6VmKXgiRHFbV1Lc7QPcEPyKJST6zfOkzWYvjtamrDsCNiYvo5GlNHo9n2ESFbwrlV4ODMYyOC17AYxLpxXZ52Y2pcI1Q2nd64DfMvxbgWZvL3auLN3zuHnIO6u8tCYdh9QRkBlGeYcE%26x-client-SKU%3DID_NET8_0%26x-client-ver%3D8.0.1.0"> 138 <img class="bankid-icon" src="/Static/Images/BankID_logo_white.svg" alt="BankID" /><span>BankID (Annan enhet) </span> 139 </a> 140 </div> 141 142 <div id="email-btn" class="auth-button epost-button"> 143 <img class="epost-icon" src="/Static/Images/E-mail.svg" alt="epost" /><span>E-post </span> 144 </div> 145 <div id="email-login-wrapper" style="display: none;"> 146 <div class="LoginForm-inputs"> 147 <label class="LoginForm-label">E-post</label> 148 <input class="LoginForm-input form-control" inputmode="email" placeholder="E-post" type="email" data-val="true" data-val-required="Vänligen ange en e-post." id="Username" name="Username" value="" />
149 <span class="field-validation-valid" data-valmsg-for="Username" data-valmsg-replace="true"></span> 150 </div> 151 <div class="LoginForm-inputs"> 152 <label class="LoginForm-label">Lösenord</label> 153 <input class="LoginForm-input" type="password" inputmode="text" placeholder="Lösenord" autocomplete="off" data-val="true" data-val-required="Vänligen ange ett lösenord." id="Password" name="Password" /> 154 <span class="field-validation-valid" data-valmsg-for="Password" data-valmsg-replace="true"></span> 155 </div> 156 <div class="remember-me"> 157 <input type="checkbox" checked="checked" data-val="true" data-val-required="The RememberLogin field is required." id="RememberLogin" name="RememberLogin" value="true" /> 158 <label>BehÃ¥ll mig inloggad</label> 159 </div> 160 161 <div class="reset-password">à terställ ditt lösenord via <a href="/Account/ResetPassword">e-post</a></div> 162 163 <button id="loginBtn" name="button" value="login">Logga in</button> 164 165 </div> 166 <p>Ta del av vÃ¥ra förmÃ¥ner - <a href="https://www.foretagarna.se/teckna-medlemskap/">Bli medlem här!</a></p> 167 </div> 168 </div> 169 <div class="LoginInfo"> 170 171 <p>Vi erbjuder tvÃ¥ enkla och säkra alternativ för inloggning - via BankID eller med din e-postadress och lösenord.</p> 172 <h2>Första gÃ¥ngen du loggar in med e-postadress?</h2> 173 <p> 174 Aktivera ditt konto <a href="/Account/ResetPassword">genom att begära ett nytt lösenord.</a> 175 </p> 176 <h2>Glömt lösenordet för inloggning med e-postadress?</h2> 177 <p> 178 à terställ ditt lösenord via <a href="/Account/ResetPassword">e-post.</a> 179 </p> 180 <h2>Har du problem med ditt BankID?</h2> 181 <p> 182 <a href="https://test.bankid.com/" target="_blank"> Testa här hur Bank-ID fungerar.</a> 183 <br /> 184 <a href="https://foretagarna.se/om-foretagarna/vanliga-fragor-om-inloggning-med-bank-id" target="_blank">Läs om vanliga frÃ¥gor om problem med inloggning.</a> 185 </p> 186 </div> 187 </div> 188 189 <input name="__RequestVerificationToken" type="hidden" value="CfDJ8PuhfJG5oH9ElXc09gVlsnK80q8S9OliTBxoOazbn5jkWZoFG-xulLIY_CBww7zebcNWggcYFMiSWtFqBfcEd58DekBRLioFSOE48qWU5zxjoTpHq3tKzb2AxPbhC_eztDVbQr-_M6MOQ2r5T1-9aDg" /><input name="RememberLogin" type="hidden" value="false" /></form> 190</div> 191
192<script type="text/javascript" src="/js/login.js"></script>
vendor: 2 bytes, line 192
192
193<script type="text/javascript" src="/js/flickity.pkgd.min.js"></script>
vendor: 2 bytes, line 193
193
194<script type="text/javascript"> 195 196 var flky = new Flickity('.carousel', { 197 // options, defaults listed 198 199 accessibility: true, 200 // enable keyboard navigation, pressing left & right keys 201 202 adaptiveHeight: true, 203 // set carousel height to the selected slide 204 205 autoPlay: true, 206 // advances to the next cell 207 // if true, default is 3 seconds 208 // or set time between advances in milliseconds 209 // i.e. `autoPlay: 1000` will advance every 1 second 210 211 cellAlign: 'left', 212 // alignment of cells, 'center', 'left', or 'right' 213 // or a decimal 0-1, 0 is beginning (left) of container, 1 is end (right) 214 215 cellSelector: undefined, 216 // specify selector for cell elements 217 218 contain: false, 219 // will contain cells to container 220 // so no excess scroll at beginning or end 221 // has no effect if wrapAround is enabled 222 223 draggable: '>1', 224 // enables dragging & flicking 225 // if at least 2 cells 226 227 dragThreshold: 3, 228 // number of pixels a user must scroll horizontally to start dragging 229 // increase to allow more room for vertical scroll for touch devices 230 231 freeScroll: false, 232 // enables content to be freely scrolled and flicked 233 // without aligning cells 234 235 friction: 0.2, 236 // smaller number = easier to flick farther 237 238 groupCells: false, 239 // group cells together in slides 240 241 initialIndex: 0, 242 // zero-based index of the initial selected cell 243 244 lazyLoad: true, 245 // enable lazy-loading images 246 // set img data-flickity-lazyload="src.jpg" 247 // set to number to load images adjacent cells 248 249 percentPosition: true, 250 // sets positioning in percent values, rather than pixels 251 // Enable if items have percent widths 252 // Disable if items have pixel widths, like images 253 254 prevNextButtons: false, 255 // creates and enables buttons to click to previous & next cells 256 257 pageDots: true, 258 // create and enable page dots 259 260 resize: true, 261 // listens to window resize events to adjust size & positions 262 263 rightToLeft: false, 264 // enables right-to-left layout 265 266 setGallerySize: false, 267 // sets the height of gallery 268 // disable if gallery already has height set with CSS 269 270 watchCSS: false, 271 // watches the content of :after of the element 272 // activates if #element:after { content: 'flickity' } 273 274 wrapAround: true 275 // at end of cells, wraps-around to first for infinite scrolling 276 277 }); 278 279 280 document.querySelector('.info-container').addEventListener('click', function () { 281 flky.next(); 282 }); 283 284 document.querySelector('.login-page form').addEventListener('submit', (e) => { 285 const form = document.querySelector('.login-page form'); 286 // Prevent if already submitting 287 if (form.classList.contains('is-submitting')) { 288 e.preventDefault(); 289 return; 290 } 291 292 // Add class to hook our visual indicator on 293 form.classList.add('is-submitting'); 294 295 var button = document.getElementById('loginBtn'); 296 button.style.backgroundColor = "#CCC"; 297 button.innerHTML = "Loggar in..."; 298 }); 299 300 301 document.getElementById('email-btn').addEventListener('click', function () { 302 var login = document.getElementById('email-login-wrapper'); 303 if (login) { 304 if (login.style.display === 'none') { 305 login.style.display = 'block'; 306 document.querySelectorAll('.info-container').forEach((el) => el.style.display = 'none'); 307 document.querySelectorAll(".flickity-page-dots").forEach((el) => el.style.display = 'none'); 308 flky.stopPlayer(); 309 } else { 310 login.style.display = 'none'; 311 document.querySelectorAll('.info-container').forEach((el) => el.style.display = ''); 312 document.querySelectorAll(".flickity-page-dots").forEach((el) => el.style.display = ''); 313 flky.playPlayer(); 314 } 315 } 316 });
317 318 window.onload = function () { 319 // Get the height of the button div 320 var buttonDivHeight = document.querySelector('.login-buttons').offsetHeight; 321 322 // Set the bottom property of the flickity-page-dots div 323 var flickityPageDotsDiv = document.querySelector('.flickity-page-dots'); 324 flickityPageDotsDiv.style.bottom = buttonDivHeight + 'px'; 325 } 326 327 328</script>
328 329 330 </div> 331 332 333 334 </div> 335 </main> 336</body> 337</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.