Email Cta
This pattern contains:
atoms-button
HTML
<section class="email-cta">
<div class="email-cta__container">
<header class="email-cta__header">
<h2 class="email-cta__header_text">Be the first to read new articles from eLife</h2>
</header>
<a href="https://crm.elifesciences.org/crm/content-alerts" class="button button--default">Sign up for email alerts</a>
<div class="email-cta__privacy">
<a class="email-cta__privacy_link" href="#">Privacy notice</a>
</div>
</div>
</section>
Footer
HTML
<ol class="investor-logos" role="list" aria-label="eLife is funded by these organisations">
<li class="investor-logos__item" role="listitem">
<div class="investor-logos__container">
<picture class="investor-logos__picture">
<img src="https://unsplash.it/290/72/"
alt="Meaningful alt text here please."
class="investor-logos__img"
>
</picture>
</div>
</li>
<li class="investor-logos__item" role="listitem">
<div class="investor-logos__container">
<picture class="investor-logos__picture">
<img src="https://unsplash.it/96/96/"
alt="Meaningful alt text here please."
class="investor-logos__img"
>
</picture>
</div>
</li>
<li class="investor-logos__item" role="listitem">
<div class="investor-logos__container">
<picture class="investor-logos__picture">
<img src="https://unsplash.it/290/65/"
alt="Meaningful alt text here please."
class="investor-logos__img"
>
</picture>
</div>
</li>
<li class="investor-logos__item" role="listitem">
<div class="investor-logos__container">
<picture class="investor-logos__picture">
<img src="https://unsplash.it/240/60/"
alt="Meaningful alt text here please."
class="investor-logos__img"
>
</picture>
</div>
</li>
<li class="investor-logos__item" role="listitem">
<div class="investor-logos__container">
<picture class="investor-logos__picture">
<img src="https://unsplash.it/210/70/"
alt="Meaningful alt text here please."
class="investor-logos__img"
>
</picture>
</div>
</li>
</ol>
<footer class="site-footer">
<div class="site-footer__container">
<div class="grid-cell">
<nav class="footer-navigation">
<ul class="footer-navigation__list">
<li class="footer-navigation__list_item">
<a href="#" class="footer-navigation__list_link">About</a>
</li>
<li class="footer-navigation__list_item">
<a href="#" class="footer-navigation__list_link">Jobs</a>
</li>
<li class="footer-navigation__list_item">
<a href="#" class="footer-navigation__list_link">Who we work with</a>
</li>
<li class="footer-navigation__list_item">
<a href="#" class="footer-navigation__list_link">Alerts</a>
</li>
<li class="footer-navigation__list_item">
<a href="#" class="footer-navigation__list_link">Contact</a>
</li>
<li class="footer-navigation__list_item">
<a href="#" class="footer-navigation__list_link">Terms and Conditions</a>
</li>
<li class="footer-navigation__list_item">
<a href="#" class="footer-navigation__list_link">Privacy Notice</a>
</li>
<li class="footer-navigation__list_item">
<a href="#" class="footer-navigation__list_link">Inside eLife</a>
</li>
<li class="footer-navigation__list_item">
<a href="#" class="footer-navigation__list_link">Monthly Archive</a>
</li>
<li class="footer-navigation__list_item">
<a href="#" class="footer-navigation__list_link">For the Press</a>
</li>
<li class="footer-navigation__list_item">
<a href="#" class="footer-navigation__list_link">Resources</a>
</li>
<li class="footer-navigation__list_item">
<a href="#" class="footer-navigation__list_link">XML, DATA and API</a>
</li>
</ul>
</nav>
<div class="social-links" aria-label="Social media links for eLife Sciences">
<ul class="social-links__list">
<li class="social-links__list_item">
<a href="https://bsky.app/profile/did:plc:4irghgzlsjk6ugrekoqyl7km" class="social-links__list_link" aria-label="Bluesky">
<svg width="28" height="28">
<path d="M14 12.8C12.913 10.686 9.954 6.747 7.202 4.805C4.566 2.944 3.561 3.266 2.902 3.565C2.139 3.908 2 5.08 2 5.768C2 6.458 2.378 11.418 2.624 12.247C3.439 14.983 6.337 15.907 9.007 15.611C9.143 15.591 9.282 15.572 9.422 15.555C9.284 15.577 9.146 15.595 9.007 15.611C5.095 16.191 1.62 17.616 6.177 22.689C11.19 27.879 13.047 21.576 14 18.381C14.953 21.576 16.05 27.652 21.733 22.689C26 18.381 22.905 16.191 18.993 15.611C18.8542 15.5956 18.7159 15.577 18.578 15.555C18.718 15.572 18.857 15.591 18.993 15.611C21.663 15.908 24.561 14.983 25.376 12.247C25.622 11.419 26 6.457 26 5.769C26 5.079 25.861 3.908 25.098 3.563C24.439 3.265 23.434 2.943 20.798 4.803C18.046 6.748 15.087 10.687 14 12.8Z" fill="black"></path>
</svg>
</a>
</li>
<li class="social-links__list_item">
<a href="https://www.linkedin.com/company/elife-sciences-publications-ltd" class="social-links__list_link" aria-label="LinkedIn">
<svg width="28" height="28">
<path d="M22.3830154,22.3830154 L18.8384,22.3830154 L18.8384,16.832 C18.8384,15.5083077 18.8147692,13.8043077 16.9948308,13.8043077 C15.1486769,13.8043077 14.8662154,15.2465231 14.8662154,16.7356308 L14.8662154,22.3826462 L11.3216,22.3826462 L11.3216,10.9675077 L14.7244308,10.9675077 L14.7244308,12.5275077 L14.7720615,12.5275077 C15.465918,11.3411519 16.7560586,10.632589 18.1294769,10.6835692 C21.7220923,10.6835692 22.3844923,13.0466462 22.3844923,16.1208615 L22.3830154,22.3830154 Z M7.32209231,9.4071385 C6.1860511,9.40734236 5.26494244,8.48656431 5.26473849,7.3505231 C5.26453461,6.21448189 6.18531266,5.29337322 7.32135387,5.29316926 C8.45739508,5.29296537 9.37850375,6.21374341 9.37870773,7.34978462 C9.37880563,7.89533086 9.16218215,8.41857185 8.77649194,8.80440054 C8.39080174,9.19022923 7.86763855,9.40704054 7.32209231,9.4071385 M9.0944,22.3830154 L5.54609231,22.3830154 L5.54609231,10.9675077 L9.0944,10.9675077 L9.0944,22.3830154 Z M24.1501538,2.00147692 L3.76492308,2.00147692 C2.80147497,1.99060441 2.01138912,2.76234691 1.99963077,3.72578462 L1.99963077,24.1955692 C2.01098655,25.1594712 2.80100881,25.9319778 3.76492308,25.9218636 L24.1501538,25.9218636 C25.115975,25.9338359 25.9090911,25.1613738 25.9224615,24.1955692 L25.9224615,3.72430769 C25.9086895,2.75896671 25.1155091,1.98726833 24.1501538,1.9998447" id="Path_2520" fill="#212121" fill-rule="nonzero"></path>
</svg>
</a>
</li>
<li class="social-links__list_item">
<a href="https://twitter.com/elife" class="social-links__list_link" aria-label="Twitter">
<svg width="28px" height="28px" viewBox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="x-28-footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect id="Rectangle" x="0" y="0" width="28" height="28"></rect>
<path d="M16.0929883,12.5202067 L24.2829833,3 L22.3422167,3 L15.230845,11.2662617 L9.55101333,3 L3,3 L11.58902,15.5000517 L3,25.48345 L4.94087667,25.48345 L12.4506683,16.7539967 L18.4489867,25.48345 L25,25.48345 L16.0925117,12.5202067 L16.0929883,12.5202067 Z M13.4346917,15.61018 L12.564445,14.3654567 L5.64020167,4.461064 L8.621275,4.461064 L14.20922,12.454225 L15.0794667,13.6989483 L22.3431333,24.0888333 L19.36206,24.0888333 L13.4346917,15.6106567 L13.4346917,15.61018 Z" id="Shape" fill="#212121" fill-rule="nonzero"></path>
</g>
</svg>
</a>
</li>
<li class="social-links__list_item">
<a rel='me' href='https://fediscience.org/@eLife' class='social-links__list_link' aria-label='Mastodon'>
<svg width="28px" height="28px">
<g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Group-7" transform="translate(3.000000, 2.000000)" fill="#212121" fill-rule="nonzero">
<g id="mastodon-24px-black">
<path d="M11.5412949,0 C14.6936837,0.0250851513 17.7279692,0.357269448 19.4950021,1.1471931 C19.4950021,1.1471931 22.9995752,2.67324958 22.9995752,7.87958222 L23,8.27840764 C22.9948717,9.32900538 22.9399626,12.2394095 22.5108214,14.3877566 C22.1727192,16.0807457 19.4826471,17.9335557 16.3930961,18.2926354 C14.7820287,18.4797396 13.1958041,18.6517151 11.5043627,18.5762011 C8.73816776,18.4528442 6.55544838,17.9335557 6.55544838,17.9335557 C6.55544838,18.1956567 6.57205459,18.4452152 6.605267,18.6786105 C6.96489093,21.335697 9.312211,21.4948713 11.5357152,21.5690923 C13.7799439,21.6438306 15.7782681,21.0305374 15.7782681,21.0305374 L15.8704657,23.0052819 C15.8704657,23.0052819 14.3007146,23.8257215 11.5043627,23.9766203 C9.96237703,24.0591169 8.04774824,23.9388633 5.8177344,23.3643616 C0.981210876,22.1183796 0.149439349,17.1004442 0.022169409,12.0089343 C-0.0166226796,10.4972307 0.00729025582,9.07177343 0.00729025582,7.87958222 C0.00729025582,2.67324958 3.51199627,1.1471931 3.51199627,1.1471931 C5.27916201,0.357269448 8.31145476,0.0250851513 11.4638436,0 L11.5412949,0 Z M15.8599153,5 C14.461897,5 13.4033065,5.46697151 12.7035195,6.40103745 L12.0229667,7.39238391 L11.3425554,6.40103745 C10.642627,5.46697151 9.58403654,5 8.18615964,5 C6.97793807,5 6.00462882,5.36912752 5.26142334,6.08919046 C4.54070495,6.8092534 4.18190148,7.78253068 4.18190148,9.00730143 L4.18190148,15 L6.91358821,15 L6.91358821,9.1834452 C6.91358821,7.95732233 7.50716259,7.33498047 8.69445278,7.33498047 C10.0071899,7.33498047 10.6652556,8.0732355 10.6652556,9.5330285 L10.6652556,12.7167687 L13.3808194,12.7167687 L13.3808194,9.5330285 C13.3808194,8.0732355 14.0387436,7.33498047 15.3514807,7.33498047 C16.5387709,7.33498047 17.1323453,7.95732233 17.1323453,9.1834452 L17.1323453,15 L19.864032,15 L19.864032,9.00730143 C19.864032,7.78253068 19.5052285,6.8092534 18.7846516,6.08919046 C18.0413047,5.36912752 17.0679954,5 15.8599153,5 Z" id="Combined-Shape"></path>
</g>
</g>
</g>
</svg>
</a>
</li>
<li class="social-links__list_item">
<a href="https://www.instagram.com/elifesciences/" class="social-links__list_link" aria-label="Instagram">
<svg width="28" height="28">
<path d="M13.9999762,4.16220594 C17.2041298,4.16220594 17.5836306,4.17440025 18.8489821,4.23213276 C20.0189703,4.28553056 20.6543612,4.48102079 21.0772565,4.64531072 C21.6373379,4.86299845 22.0371308,5.12308049 22.4570251,5.54297487 C22.8769195,5.96286924 23.1370016,6.36266203 23.3546416,6.92274348 C23.5189792,7.3456388 23.7144694,7.98102972 23.7678672,9.15097025 C23.8255997,10.4163695 23.8377941,10.7958701 23.8377941,14.0000238 C23.8377941,17.2041775 23.8255997,17.5836782 23.7678672,18.8490297 C23.7144694,20.0190179 23.5189792,20.6544088 23.3546416,21.0773041 C23.1370016,21.6373856 22.8769195,22.0371784 22.4570251,22.4570727 C22.0371308,22.8769671 21.6373379,23.1370492 21.0772565,23.3546892 C20.6543612,23.5190268 20.0189703,23.7145171 18.8489821,23.7679149 C17.5838211,23.8256473 17.2043204,23.8378417 13.9999762,23.8378417 C10.795632,23.8378417 10.4161313,23.8256473 9.15097025,23.7679149 C7.9809821,23.7145171 7.34559117,23.5190268 6.92274348,23.3546892 C6.3626144,23.1370492 5.9628216,22.8769671 5.54292723,22.4570727 C5.12303286,22.0371784 4.86295081,21.6373856 4.64531072,21.0773041 C4.48097317,20.6544088 4.28548292,20.0190179 4.23208512,18.8490774 C4.17435262,17.5836782 4.1621583,17.2041775 4.1621583,14.0000238 C4.1621583,10.7958701 4.17435262,10.4163695 4.23208512,9.15101788 C4.28548292,7.98102972 4.48097317,7.3456388 4.64531072,6.92274348 C4.86295081,6.36266203 5.12303286,5.96286924 5.54292723,5.54297487 C5.9628216,5.12308049 6.3626144,4.86299845 6.92274348,4.64531072 C7.34559117,4.48102079 7.9809821,4.28553056 9.15092262,4.23213276 C10.4163218,4.17440025 10.7958225,4.16220594 13.9999762,4.16220594 M13.9999762,2 C10.740948,2 10.3323429,2.01381388 9.05241535,2.07221326 C7.77510763,2.13051737 6.90283244,2.33334326 6.13949638,2.63000828 C5.35039031,2.93667645 4.68117918,3.34699637 4.01406396,4.01411159 C3.34694874,4.68122682 2.93662882,5.35043793 2.62996064,6.13954402 C2.33329562,6.90288008 2.13046973,7.77515526 2.07216562,9.05246298 C2.01376625,10.3323429 2,10.7409957 2,14.0000238 C2,17.259052 2.01376625,17.6677047 2.07216562,18.9475846 C2.13046973,20.2248924 2.33329562,21.0971676 2.62996064,21.8605036 C2.93662882,22.649562 3.34694874,23.3188208 4.01406396,23.985936 C4.68117918,24.6530513 5.35039031,25.0633712 6.13949638,25.3700394 C6.90283244,25.6667044 7.77510763,25.8695303 9.05241535,25.9278343 C10.3323429,25.9862338 10.740948,26 13.9999762,26 C17.2590043,26 17.667657,25.9862338 18.947537,25.9278343 C20.2248448,25.8695303 21.09712,25.6667044 21.860456,25.3700394 C22.649562,25.0633712 23.3187732,24.6530513 23.9858884,23.985936 C24.6530037,23.3188208 25.0633236,22.6496097 25.3699918,21.8605036 C25.6666568,21.0971676 25.8694827,20.2248924 25.9277867,18.9475846 C25.9861861,17.6677047 26,17.259052 26,14.0000238 C26,10.7409957 25.9861861,10.3323429 25.9277867,9.05246298 C25.8694827,7.77515526 25.6666568,6.90288008 25.3699918,6.13954402 C25.0633236,5.35043793 24.6530037,4.68122682 23.9858884,4.01411159 C23.3187732,3.34699637 22.649562,2.93667645 21.860456,2.63000828 C21.09712,2.33334326 20.2248448,2.13051737 18.947537,2.07221326 C17.667657,2.01381388 17.2590043,2 13.9999762,2 Z M13.9999762,7.8378417 C10.5967121,7.8378417 7.83779407,10.5967597 7.83779407,14.0000238 C7.83779407,17.4032879 10.5967121,20.162206 13.9999762,20.162206 C17.4032403,20.162206 20.1621583,17.4032879 20.1621583,14.0000238 C20.1621583,10.5967597 17.4032403,7.8378417 13.9999762,7.8378417 Z M13.9999762,18.0000477 C11.7908507,18.0000477 9.99995236,16.2091493 9.99995236,14.0000238 C9.99995236,11.7908983 11.7908507,10 13.9999762,10 C16.2091017,10 18,11.7908983 18,14.0000238 C18,16.2091493 16.2091017,18.0000477 13.9999762,18.0000477 Z M21.8455942,7.59438394 C21.8455942,8.38968246 21.2009145,9.03440967 20.405616,9.03440967 C19.6103175,9.03440967 18.9655903,8.38968246 18.9655903,7.59438394 C18.9655903,6.79908542 19.6103175,6.15440585 20.405616,6.15440585 C21.2009145,6.15440585 21.8455942,6.79908542 21.8455942,7.59438394 Z" id="Shape" fill="#212121" fill-rule="nonzero"></path>
</svg>
</a>
</li>
<li class="social-links__list_item">
<a href="https://www.youtube.com/channel/UCNEHLtAc_JPI84xW8V4XWyw" class="social-links__list_link" aria-label="YouTube">
<svg width="28" height="28">
<path d="M14.3394034,5.00081974 C15.0650046,5.00416663 16.8547629,5.01866982 18.7408249,5.08151696 L19.3085648,5.10185861 L19.3085648,5.10185861 L19.8762758,5.12532402 C21.6678517,5.20481265 23.3716441,5.33464406 24.1578396,5.54670204 C25.2765782,5.84762249 26.157476,6.73428158 26.456476,7.86025886 C26.9532448,9.72604587 26.995825,13.4452634 26.9994747,14.0691357 L26.9994747,14.2486746 C26.995825,14.8725277 26.9532448,18.5916449 26.456476,20.457702 C26.157476,21.5835316 25.2765782,22.4701907 24.1578396,22.7712589 C23.3302654,22.9944175 21.4859633,23.126491 19.5927869,23.2046569 L19.0243355,23.2265266 C16.9417355,23.3010584 14.9171078,23.3148606 14.2386654,23.3174166 L13.7609683,23.3174166 C12.4040836,23.3123047 5.66245741,23.2622078 3.84179414,22.7712589 C2.72320323,22.4701907 1.84215778,21.5835316 1.54315778,20.457702 C1.06191297,18.6499592 1.00691357,15.1031629 1.00062792,14.316078 L1.00062792,14.0017303 C1.00691357,13.2146223 1.06191297,9.66774002 1.54315778,7.86025886 C1.84215778,6.73428158 2.72320323,5.84762249 3.84179414,5.54670204 C5.6210787,5.06678135 12.1001879,5.00801555 13.6602303,5.00081974 Z M11.1612194,10.2011473 L11.1612194,17.7986829 L17.8387126,14.0000603 L11.1612194,10.2011473 Z" id="Combined-Shape" fill="#222321"></path>
</svg>
</a>
</li>
<li class="social-links__list_item">
<a href="https://www.threads.com/@elifesciences" class="social-links__list_link" aria-label="Threads">
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3064_11073)">
<path d="M12.0662 15.9565C12.0662 15.2903 12.3864 14.2308 14.8726 14.2308C15.6347 14.2308 16.1044 14.286 16.7349 14.4274C16.5334 17.0371 15.2561 17.3816 14.0146 17.3816C13.3354 17.3816 12.0662 17.0274 12.0662 15.9565Z" fill="black"></path>
<path d="M5.20875 27H22.7912C23.9075 27 24.978 26.5566 25.7673 25.7673C26.5566 24.978 27 23.9075 27 22.7912V5.20875C27 4.09252 26.5566 3.02201 25.7673 2.23271C24.978 1.44342 23.9075 1 22.7912 1L5.20875 1C4.09252 1 3.02201 1.44342 2.23271 2.23271C1.44342 3.02201 1 4.09252 1 5.20875L1 22.7912C1 23.9075 1.44342 24.978 2.23271 25.7673C3.02201 26.5566 4.09252 27 5.20875 27ZM10.5323 10.6037C11.4536 9.2875 12.6691 8.774 14.351 8.774C15.5372 8.774 16.5464 9.17375 17.2679 9.92937C17.9877 10.6866 18.3989 11.7689 18.4931 13.1518C18.8918 13.3186 19.259 13.5152 19.5949 13.7416C20.9469 14.65 21.6911 16.0085 21.6911 17.5653C21.6911 20.8754 18.9774 23.75 14.0666 23.75C9.84975 23.75 5.46875 21.2962 5.46875 13.9935C5.46875 6.72975 9.71163 4.25 14.0536 4.25C16.0589 4.25 20.7632 4.54575 22.5312 10.3876L20.8737 10.8166C19.5055 6.65662 16.6374 5.99362 14.0097 5.99362C9.66287 5.99362 7.20588 8.63913 7.20588 14.2698C7.20588 19.3186 9.95213 21.9999 14.0666 21.9999C17.4515 21.9999 19.9751 20.2416 19.9751 17.666C19.9751 15.9126 18.5029 15.0741 18.4265 15.0741C18.1389 16.5773 17.3686 19.1074 13.9854 19.1074C12.0143 19.1074 10.3129 17.7456 10.3129 15.9614C10.3129 13.4134 12.7309 12.4904 14.6403 12.4904C15.3553 12.4904 16.2165 12.5391 16.6666 12.6301C16.6666 11.8534 16.0101 10.5241 14.3494 10.5241C12.869 10.5241 12.4644 10.9921 11.9931 11.5381L11.9541 11.582C11.6259 11.3626 10.5323 10.6037 10.5323 10.6037Z" fill="black"></path>
</g>
<defs>
<clipPath id="clip0_3064_11073">
<rect width="26" height="26" fill="white" transform="translate(1 1)"></rect>
</clipPath>
</defs>
</svg>
</a>
</li>
<li class="social-links__list_item">
<a href="https://www.facebook.com/elifesciences" class="social-links__list_link" aria-label="Facebook">
<svg width="28" height="28">
<path d="M26,14 C26,7.37257812 20.6274219,2 14,2 C7.37257813,2 2,7.37257812 2,14 C2,19.9895469 6.38822656,24.9539844 12.125,25.8542187 L12.125,17.46875 L9.078125,17.46875 L9.078125,14 L12.125,14 L12.125,11.35625 C12.125,8.34875 13.9165156,6.6875 16.6575781,6.6875 C17.9704766,6.6875 19.34375,6.921875 19.34375,6.921875 L19.34375,9.875 L17.8305781,9.875 C16.3398828,9.875 15.875,10.8000078 15.875,11.7489922 L15.875,14 L19.203125,14 L18.6710938,17.46875 L15.875,17.46875 L15.875,25.8542187 C21.6117734,24.9539844 26,19.9895469 26,14" id="Fill-1" fill="#0A0B09"></path>
</svg>
</a>
</li>
</ul>
</div>
<div class="github-link-wrapper">
<a href="https://github.com/elifesciences" class="github-link">
<svg width="20" height="20">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="github-logo-svg" fill="#000000">
<path d="M9.99907916,1.72084569e-15 C4.47773105,1.72084569e-15 2.22044605e-16,4.5904205 2.22044605e-16,10.2533868 C2.22044605e-16,14.7833822 2.86503576,18.6260419 6.83876117,19.9818304 C7.33908346,20.0762447 7.5214095,19.7596422 7.5214095,19.4877292 C7.5214095,19.2441405 7.512815,18.5996059 7.50790386,17.7442129 C4.72635747,18.3635703 4.13947635,16.3695415 4.13947635,16.3695415 C3.68458209,15.1849574 3.02894503,14.8696139 3.02894503,14.8696139 C2.12099819,14.2338913 3.09770097,14.2464799 3.09770097,14.2464799 C4.10141502,14.3188641 4.62936247,15.30329 4.62936247,15.30329 C5.52134811,16.869937 6.97013414,16.417378 7.53982627,16.1549064 C7.63068234,15.4927479 7.88913104,15.0408184 8.17459099,14.784641 C5.95414224,14.525946 3.6195095,13.6460053 3.6195095,9.7171139 C3.6195095,8.59799041 4.00933116,7.68217225 4.64900703,6.96588286 C4.54587311,6.7065584 4.20270727,5.66359573 4.74722981,4.25241751 C4.74722981,4.25241751 5.5864207,3.97672792 7.4968538,5.30356275 C8.29430001,5.07570971 9.15006599,4.96241262 10.0003069,4.95800662 C10.849934,4.96241262 11.7050861,5.07570971 12.5037601,5.30356275 C14.4129654,3.97672792 15.2509285,4.25241751 15.2509285,4.25241751 C15.7966788,5.66359573 15.453513,6.7065584 15.350993,6.96588286 C15.9918966,7.68217225 16.3786488,8.59799041 16.3786488,9.7171139 C16.3786488,13.6560761 14.0403327,14.5227989 11.8131312,14.7764585 C12.1716443,15.0930609 12.4914822,15.7187126 12.4914822,16.6748142 C12.4914822,18.045709 12.4792044,19.1516145 12.4792044,19.4877292 C12.4792044,19.7621599 12.6596888,20.0812801 13.1667639,19.981201 C17.1374198,18.6222653 20,14.7821233 20,10.2533868 C20,4.5904205 15.5222689,1.72084569e-15 9.99907916,1.72084569e-15" id="Fill-51"></path>
</g>
</g>
</svg>
<div class="github-link--text">Find us on GitHub</div>
</a>
</div>
<div class="carbon-neutral-wrapper">
<a href="https://www.carbonfootprint.com/" class="carbon-neutral-link">
<img src="../../assets/img/patterns/molecules/carbon-neutral-organisation.png" alt="Carbon Neutral Organisation carbon footprint standard [TM]" />
</a>
</div>
</div>
<div class="grid-cell">
<div class="site-smallprint">
<small>eLife is a non-profit organisation inspired by research funders and led by scientists. Our mission is to help scientists accelerate discovery by operating a platform for research communication that encourages and recognises the most responsible behaviours in science.</small>
<small>eLife Sciences Publications, Ltd is a limited liability non-profit non-stock corporation incorporated in the State of Delaware, USA, with company number 5030732, and is registered in the UK with company number FC030576 and branch number BR015634 at the address:</small>
<address>
eLife Sciences Publications, Ltd<br>
95 Regent Street<br>
Cambridge CB2 1AW<br>
UK
</address>
</div>
<div class="site-smallprint">
<small>© <time>2016</time> eLife Sciences Publications Ltd. Subject to a <a href="https://creativecommons.org/licenses/by/4.0/" rel="license" class="site-smallprint__copyright_link">Creative Commons Attribution license</a>, except where otherwise noted. ISSN: 2050-084X</small>
</div>
</div>
</div>
</footer>
Site Header
This pattern contains:
molecules-site-header-title
molecules-site-header-nav-bar
HTML
<div class="wrapper wrapper--site-header">
<header class="site-header clearfix" data-behaviour="SiteHeader" id="siteHeader">
<div class="site-header__title clearfix" role="banner">
<div class="site-header__skip_to_content">
<a href="#maincontent" class="site-header__skip_to_content__link button button--default">Skip to Content</a>
</div>
<a href="#" class="site-header__logo_link">
<img src="../../assets/img/patterns/organisms/elife-logo-xs.svg" alt="eLife logo" class="site-header__logo_link_image"/>
<span class="visuallyhidden" >eLife home page</span>
</a>
</div>
<div class="site-header__navigation" role="navigation" aria-label="Main navigation">
<div class="site-header__navigation__item">
<nav class="nav-primary">
<ul class="nav-primary__list clearfix">
<li class="nav-primary__item nav-primary__item--first">
<a href="#mainMenu">
Menu
</a>
</li>
<li class="nav-primary__item">
<a href="#">
Home
</a>
</li>
<li class="nav-primary__item">
<a href="#">
Magazine
</a>
</li>
<li class="nav-primary__item">
<a href="#">
Community
</a>
</li>
<li class="nav-primary__item">
<a href="#">
About
</a>
</li>
</ul>
</nav>
</div>
<nav class="nav-secondary">
<ul class="nav-secondary__list clearfix">
<li class="nav-secondary__item nav-secondary__item--search">
<a href="#" rel="search">
Search
</a>
</li>
<li class="nav-secondary__item nav-secondary__item--alert">
<a href="#">
Alerts
</a>
</li>
<li class="nav-secondary__item nav-secondary__item--hide-narrow">
<a href="#" class="button button--default button--extra-small" aria-label="Descriptive and accessible name">Submit your research</a>
</li>
</ul>
</nav>
</div>
<div class="search-box" >
<div class="search-box__inner">
<form class="compact-form" id="searchBox" action="/search" method="GET" novalidate>
<fieldset class="compact-form__container">
<label>
<span class="visuallyhidden">Search by keyword or author</span>
<input type="search" name="search" value="" placeholder="Search by keyword or author"
class="compact-form__input"
>
</label>
<button type="reset" name="reset" class="compact-form__reset"><span class="visuallyhidden">Reset form</span></button>
<button type="submit" class="compact-form__submit"><span class="visuallyhidden">Search</span></button>
</fieldset>
</form>
<label class="search-box__search_option_label">
<input type="checkbox" name="subject_filter" value="cell_biology" form="searchBox">Limit my search to Cell biology
</label>
</div>
</div>
</header>
</div>