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://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 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>
<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.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 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>
</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://positiveplanet.uk/company-dashboards/elife-sciences/" class="carbon-neutral-link">
<img src="../../assets/img/patterns/molecules/carbon-neutral.svg" alt="Positive Planet - Certified Carbon Neutral">
</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>
Westbrook Centre, Milton Road<br>
Cambridge CB4 1YG<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
<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">
<picture class="site-header__logo_link_image">
<source srcset="../../assets/img/patterns/organisms/elife-logo-xs.svg" type="image/svg+xml">
<img src="../../assets/img/patterns/organisms/elife-logo-xs@1x.png" alt="eLife logo" class="site-header__logo_link"/>
</picture>
<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>