1<!doctype html> 2<html 3 itemscope 4 class="h-full" 5 lang="en-us js-inlinesvg" 6 itemtype="http://schema.org/WebPage"> 7 <head> 8 <meta name="generator" content="Hugo 0.118.2"> 9 10 <meta charset="utf-8" /> 11 12 13<meta 14 name="viewport" 15 content="width=device-width, initial-scale=1, maximum-scale=5" /> 16 17 18<meta name="theme-name" content="hugoplate" /> 19 20 21<style> 22[x-cloak] { 23 display: none !important; 24} 25</style> 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41<link rel="shortcut icon" href="/images/favicon_hu7d15183cb222f643d16c2eaff8f37af0_3025_96x0_resize_lanczos_3.png" type="image/x-icon"> 42<link rel="icon" href="/images/favicon_hu7d15183cb222f643d16c2eaff8f37af0_3025_96x0_resize_lanczos_3.png" type="image/x-icon"> 43<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hu7d15183cb222f643d16c2eaff8f37af0_3025_48x0_resize_lanczos_3.png"> 44<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hu7d15183cb222f643d16c2eaff8f37af0_3025_96x0_resize_lanczos_3.png"> 45<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hu7d15183cb222f643d16c2eaff8f37af0_3025_144x0_resize_lanczos_3.png"> 46 47 48 49 50 51 52 53 54<link rel="manifest" href="/manifest.webmanifest" /> 55<meta 56 name="msapplication-TileColor" 57 content="#ddd" /> 58<meta 59 name="theme-color" 60 content="#ffffff" /> 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94<title>Welcome to Genes & Health</title> 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 <meta 111 name="keywords" 112 content="Genes and Health, Volunteer" /> 113 114 115 116 117<meta 118 name="description" 119 content="Welcome to Genes & Health" /> 120 121 122 123 <meta name="author" content="genesandhealth" /> 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 <meta property="og:image" content="/images/meta/full-social-card.png" /> 171 <meta name="twitter:image" content="/images/meta/full-social-card.png" /> 172 <meta 173 name="twitter:card" 174 content="summary_large_image" /> 175 176 177 <meta property="og:image:width" content="1200" /> 178 <meta property="og:image:height" content="630" /> 179 180 181 182 183 <meta 184 property="og:image:type" 185 content="image/ 186 .png 187 " /> 188 189 190 191 192 193 194 195 196 197<meta property="og:title" content="Welcome to Genes & Health" /> 198<meta property="og:description" content="Welcome to Genes & Health" /> 199<meta property="og:type" content="website" /> 200<meta property="og:url" content="/" /> 201 202 203<meta name="twitter:title" content="Welcome to Genes & Health" /> 204<meta name="twitter:description" content="Welcome to Genes & Health" /> 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225
226<script> 227 let indexURL = "/searchindex.json"; 228 let includeSectionsInSearch = ["researchers","volunteer","genes-and-your-health","index","join"]; 229 let search_no_results = "No results for"; 230 let search_initial_message = "Type here to search pages"; 231</script>
231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254<meta http-equiv="x-dns-prefetch-control" content="on" /> 255<link rel="preconnect" href="https://use.fontawesome.com" crossorigin /> 256<link rel="preconnect" href="//cdnjs.cloudflare.com" /> 257<link rel="preconnect" href="//www.googletagmanager.com" /> 258<link rel="preconnect" href="//www.google-analytics.com" /> 259<link rel="dns-prefetch" href="https://use.fontawesome.com" /> 260<link rel="dns-prefetch" href="//ajax.googleapis.com" /> 261<link rel="dns-prefetch" href="//cdnjs.cloudflare.com" /> 262<link rel="dns-prefetch" href="//www.googletagmanager.com" /> 263<link rel="dns-prefetch" href="//www.google-analytics.com" /> 264<link rel="dns-prefetch" href="//fonts.googleapis.com" /> 265<link rel="dns-prefetch" href="//connect.facebook.net" /> 266<link rel="dns-prefetch" href="//platform.linkedin.com" /> 267<link rel="dns-prefetch" href="//platform.twitter.com" /> 268 269 270 271 272<link rel="preconnect" href="https://fonts.googleapis.com" /> 273<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
274<script> 275 (function () { 276 const googleFont = document.createElement("link"); 277 googleFont.href = "https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;500;600;700&family=Mulish:wght@300;400;500;600;700&display=swap"; 278 googleFont.type = "text/css"; 279 googleFont.rel = "stylesheet"; 280 document.head.appendChild(googleFont); 281 })(); 282</script>
282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333<link 334 href="/css/style.min.57f2382b86fa3981ec7800ac8aa3a59e86a13929f19835ca41d3124c54ad5682.css" 335 integrity="sha256-V/I4K4b6OYHseACsiqOlnoahOSnxmDXKQdMSTFStVoI=" 336 rel="stylesheet" /> 337 338 339<link 340 defer 341 async 342 rel="stylesheet" 343 href="/css/style-lazy.min.fc7a8b9fb1b65e92882cf1d1aab9c4847c2949ceb6fb683a2cf169ae46839e2c.css" 344 integrity="sha256-/HqLn7G2XpKILPHRqrnEhHwpSc62+2g6LPFprkaDniw=" 345 media="print" 346 onload="this.media='all'; this.onload=null;" /> 347 348 349 </head> 350 351 <body class="min-h-full" x-data="{ atTop: (window.pageYOffset <= 83) ? false : true }"> 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373<header class="header sticky top-0 z-30 bg-purple" @scroll.window="atTop = (window.pageYOffset <= 83) ? false : true"> 374 <nav class="navbar py-3 lg:container flex items-center justify-items-center lg:gap-2"> 375 <div class="order-0 pl-4 lg:pl-0"> 376 <a class="navbar-brand block" href="/"> 377 378 <img src="/images/logos/genes-and-health-logo-green.svg" id="header-logo" :class="atTop ? 'w-[140px] lg:w-[240px] transition-all' : 'w-[140px] lg:w-[280px] transition-all'" /> 379 </a> 380 381 </div> 382 383 <input id="nav-toggle" type="checkbox" class="hidden" /> 384 <label 385 for="nav-toggle" 386 class="order-3 pr-4 lg:pr-0 w-[40px] cursor-pointer flex justify-center items-center lg:hidden stroke-red hover:stroke-red text-red hover:text-red lg:order-1"> 387 <svg id="show-button" class="h-6 fill-current block" viewBox="0 0 34 24" fill="none"> 388 <title>Menu Open</title> 389 <path d="M2 2H32" stroke-width="3" stroke-linecap="round"/> 390 <path d="M2 12H32" stroke-width="3" stroke-linecap="round"/> 391 <path d="M2 22H32" stroke-width="3" stroke-linecap="round"/> 392 </svg> 393 <svg id="hide-button" class="h-6 fill-current hidden mr-1" viewBox="0 0 20 20"> 394 <title>Menu Close</title> 395 <polygon 396 points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2" 397 transform="rotate(45 10 10)"></polygon> 398 </svg> 399 </label> 400 401 402 403 <ul 404 id="nav-menu" 405 class="navbar-nav lg:flex-grow lg:justify-end order-3 hidden mt-4 lg:mt-0 border-t border-white/20 lg:border-t-0 lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8"> 406 407 408 409 410 411 412 413 414 415 416 417 <li class="nav-item lg:hidden nav-dropdown group relative text-white lg:hover:text-red lg:hover:bg-transparent"> 418 <span 419 class="nav-link text-white inline-flex items-center" 420 > 421 <a href="/genes-and-your-health/"> 422 What are genes? 423 </a> 424 <svg class="toggle-btn h-4 w-4 hidden lg:block" viewBox="0 0 20 20"> 425 <path stroke="white" d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z" /> 426 </svg> 427 428 <svg class="toggle-btn h-4 w-4 lg:hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" fill="none"> 429 <path class="plus-down" d="M7.04883 1V13.0977" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> 430 <path d="M1 7.04883H13.0977" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> 431 </svg> 432 </span> 433 <ul class="nav-dropdown-list bg-purple lg:group-hover:visible lg:group-hover:opacity-100 lg:bg-white"> 434 435 436 437 438 <li class="nav-dropdown-item"> 439 <a 440 class="nav-dropdown-link text-white hover:underline " 441 442 href="/genes-and-your-health/what-is-a-genes/"> 443 What is a gene? 444 </a> 445 </li> 446 447 448 449 <li class="nav-dropdown-item"> 450 <a 451 class="nav-dropdown-link text-white hover:underline " 452 453 href="/genes-and-your-health/where-do-genes-come-from/"> 454 Where do genes come from? 455 </a> 456 </li> 457 458 459 460 <li class="nav-dropdown-item"> 461 <a 462 class="nav-dropdown-link text-white hover:underline " 463 464 href="/genes-and-your-health/genes-and-disease/"> 465 Genes and disease 466 </a> 467 </li> 468 469 470 471 <li class="nav-dropdown-item"> 472 <a 473 class="nav-dropdown-link text-white hover:underline " 474 475 href="/genes-and-your-health/search-redirect/genes-and-your-health/"> 476 What are genes? 477 </a> 478 </li> 479 480 </ul> 481 </li> 482 483 <li class="nav-item hidden lg:block"> 484 <a class="nav-link text-white lg:hover:text-red " 485 486 href="/genes-and-your-health/" 487 >What are genes?</a 488 > 489 </li> 490 491 492 493 494 495 496 497 498 499 <li class="nav-item lg:hidden nav-dropdown group relative text-white lg:hover:text-red lg:hover:bg-transparent">
500 <span 501 class="nav-link text-white inline-flex items-center" 502 > 503 <a href="/volunteer/"> 504 About our study 505 </a> 506 <svg class="toggle-btn h-4 w-4 hidden lg:block" viewBox="0 0 20 20"> 507 <path stroke="white" d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z" /> 508 </svg> 509 510 <svg class="toggle-btn h-4 w-4 lg:hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" fill="none"> 511 <path class="plus-down" d="M7.04883 1V13.0977" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> 512 <path d="M1 7.04883H13.0977" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> 513 </svg> 514 </span> 515 <ul class="nav-dropdown-list bg-purple lg:group-hover:visible lg:group-hover:opacity-100 lg:bg-white"> 516 517 518 519 520 <li class="nav-dropdown-item"> 521 <a 522 class="nav-dropdown-link text-white hover:underline " 523 524 href="/volunteer/about/"> 525 About Genes & Health 526 </a> 527 </li> 528 529 530 531 <li class="nav-dropdown-item"> 532 <a 533 class="nav-dropdown-link text-white hover:underline " 534 535 href="/volunteer/study-team/"> 536 Study team 537 </a> 538 </li> 539 540 541 542 <li class="nav-dropdown-item"> 543 <a 544 class="nav-dropdown-link text-white hover:underline " 545 546 href="/volunteer/faq/"> 547 FAQs 548 </a> 549 </li> 550 551 552 553 <li class="nav-dropdown-item"> 554 <a 555 class="nav-dropdown-link text-white hover:underline " 556 557 href="/volunteer/your-data/"> 558 Your data 559 </a> 560 </li> 561 562 563 564 <li class="nav-dropdown-item"> 565 <a 566 class="nav-dropdown-link text-white hover:underline " 567 568 href="/volunteer/mental-health/"> 569 Mental Health 570 </a> 571 </li> 572 573 574 575 <li class="nav-dropdown-item"> 576 <a 577 class="nav-dropdown-link text-white hover:underline " 578 579 href="/volunteer/research-priorities/"> 580 Research priorities 581 </a> 582 </li> 583 584 585 586 <li class="nav-dropdown-item"> 587 <a 588 class="nav-dropdown-link text-white hover:underline " 589 590 href="/volunteer/privacy/"> 591 Privacy notice 592 </a> 593 </li> 594 595 596 597 <li class="nav-dropdown-item"> 598 <a 599 class="nav-dropdown-link text-white hover:underline " 600 601 href="/volunteer/search-redirect/volunteer/"> 602 About our study 603 </a> 604 </li> 605 606 </ul> 607 </li> 608 609 <li class="nav-item hidden lg:block"> 610 <a class="nav-link text-white lg:hover:text-red " 611 612 href="/volunteer/" 613 >About our study</a 614 > 615 </li> 616 617 618 619 620 621 622 623 624 625 <li class="nav-item lg:hidden nav-dropdown group relative text-white lg:hover:text-red lg:hover:bg-transparent">
626 <span 627 class="nav-link text-white inline-flex items-center" 628 > 629 <a href="/researchers/"> 630 For researchers 631 </a> 632 <svg class="toggle-btn h-4 w-4 hidden lg:block" viewBox="0 0 20 20"> 633 <path stroke="white" d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z" /> 634 </svg> 635 636 <svg class="toggle-btn h-4 w-4 lg:hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" fill="none"> 637 <path class="plus-down" d="M7.04883 1V13.0977" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> 638 <path d="M1 7.04883H13.0977" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> 639 </svg> 640 </span> 641 <ul class="nav-dropdown-list bg-purple lg:group-hover:visible lg:group-hover:opacity-100 lg:bg-white"> 642 643 644 645 646 <li class="nav-dropdown-item"> 647 <a 648 class="nav-dropdown-link text-white hover:underline " 649 650 href="/researchers/apply-for-access/"> 651 Apply for access 652 </a> 653 </li> 654 655 656 657 <li class="nav-dropdown-item"> 658 <a 659 class="nav-dropdown-link text-white hover:underline " 660 661 href="/researchers/approved-research-studies/"> 662 Approved studies 663 </a> 664 </li> 665 666 667 668 <li class="nav-dropdown-item"> 669 <a 670 class="nav-dropdown-link text-white hover:underline " 671 672 href="/researchers/healthdataphenotypes/"> 673 Health data phenotypes 674 </a> 675 </li> 676 677 678 679 <li class="nav-dropdown-item"> 680 <a 681 class="nav-dropdown-link text-white hover:underline " 682 683 href="/researchers/publications/"> 684 Publications 685 </a> 686 </li> 687 688 689 690 <li class="nav-dropdown-item"> 691 <a 692 class="nav-dropdown-link text-white hover:underline " 693 694 href="/researchers/data/"> 695 Data 696 </a> 697 </li> 698 699 700 701 <li class="nav-dropdown-item"> 702 <a 703 class="nav-dropdown-link text-white hover:underline " 704 705 href="/researchers/nhs-data-register/"> 706 NHS England data release register 707 </a> 708 </li> 709 710 711 712 <li class="nav-dropdown-item"> 713 <a 714 class="nav-dropdown-link text-white hover:underline " 715 716 href="/researchers/recall-studies/"> 717 Recall studies 718 </a> 719 </li> 720 721 722 723 <li class="nav-dropdown-item"> 724 <a 725 class="nav-dropdown-link text-white hover:underline " 726 727 href="/researchers/sensitive-topics/"> 728 Sensitive topics 729 </a> 730 </li> 731 732 733 734 <li class="nav-dropdown-item"> 735 <a 736 class="nav-dropdown-link text-white hover:underline " 737 738 href="/researchers/tre-documentation/"> 739 TRE documentation 740 </a> 741 </li> 742 743 744 745 <li class="nav-dropdown-item"> 746 <a 747 class="nav-dropdown-link text-white hover:underline " 748 749 href="/researchers/search-redirect/researchers/"> 750 Researchers 751 </a> 752 </li> 753 754 </ul> 755 </li> 756 757 <li class="nav-item hidden lg:block"> 758 <a class="nav-link text-white lg:hover:text-red " 759 760 href="/researchers/" 761 >For researchers</a 762 > 763 </li> 764 765 766 767 <li class="nav-item lg:hidden p-4"> 768 769 770 771 772 773 774 775 776 777 778 779 780 781 782 783 784 785 786 787 788 789 790 791 792<a 793 href="/join" 794 795 796 797 class="rounded-full text-base lg:text-xl transition-colors duration-300 ease-in-out text-black py-2 lg:py-3 px-4 lg:px-6 bg-red hover:ring-1 hover:ring-red hover:bg-white hover:text-black no-underline cursor-pointer inline-flex items-center justify-center min-w-[140px] lg:min-w-[160px]" 798> 799 Volunteer now 800</a> 801 </li> 802 803 804 805 806 <li class="nav-item p-4 lg:hidden"> 807 <button 808 aria-label="search" 809 class="rounded-sm w-full flex py-2 pl-3 pr-2 justify-between items-center bg-white text-black text-standard-sm" 810 data-target="search-modal"> 811 Type here to search pages... 812 <i class="fa-solid fa-search text-md"></i> 813 </button> 814 </li> 815 816 817 </ul> 818 819 <div class="hidden order-1 ml-auto lg:flex items-center md:order-2 px-6 gap-4"> 820 821 822 823 824 825 826 827 828 829 830 831 832 833 834 835 836 837 838 839 840 841 842 843 844 845<a 846 href="/join" 847 848 849 850 class="rounded-full text-base lg:text-xl transition-colors duration-300 ease-in-out text-black py-2 lg:py-3 px-4 lg:px-6 bg-red hover:ring-1 hover:ring-red hover:bg-white hover:text-black no-underline cursor-pointer inline-flex items-center justify-center min-w-[140px] lg:min-w-[160px]" 851> 852 Volunteer now 853</a> 854 855 856 857 858 <div class="min-w-[64px]"> 859 <button 860 aria-label="search" 861 862 class="border-black text-white lg:hover:text-red mr-5 pl-5 min-w-[24px] min-h-[24px] text-2xl" 863 864 data-target="search-modal"> 865 <i class="fa-solid fa-search"></i> 866 </button> 867 </div> 868 869 870 </div> 871 </nav> 872</header> 873 874 875 876 877 878 879 <div 880 class="search-modal " 881 aria-hidden="true" 882 style="--color-primary: #312849"> 883 <div data-target="close-search-modal" class="search-modal-overlay"></div> 884 <div 885 class="search-wrapper" 886 data-image="false" 887 data-description="true" 888 data-tags="true" 889 data-categories="true"> 890 <div class="search-wrapper-header"> 891 <label for="search-modal-input" style="margin-top:-1px">
892 <span class="sr-only">search icon</span> 893 <svg 894 xmlns="http://www.w3.org/2000/svg" 895 viewBox="0 0 512 512" 896 height="18" 897 width="18" 898 class="search-icon" 899 data-type="search"> 900 <path 901 fill="currentColor" 902 d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" /> 903 </svg> 904 <svg 905 xmlns="http://www.w3.org/2000/svg" 906 viewBox="0 0 512 512" 907 height="18" 908 width="18" 909 class="search-reset" 910 data-type="reset"> 911 <path 912 fill="currentColor" 913 d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" /> 914 </svg> 915 </label> 916 <input 917 id="search-modal-input" 918 type="text" 919 data-search-input 920 autocomplete="off" 921 aria-label="Search" 922 placeholder="Type here to search pages" /> 923 </div> 924 <div class="search-wrapper-body"> 925 <div class="search-result" data-search-result></div> 926 <span class="search-result-empty"> 927 Type here to search pages 928 </span> 929 </div> 930 <div class="search-wrapper-footer"> 931 <span> 932 <kbd> 933 <svg 934 xmlns="http://www.w3.org/2000/svg" 935 width="14" 936 height="14" 937 fill="currentColor"
938 viewBox="0 0 16 16"> 939 <path 940 d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 0 1 1.506 0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 0 1-.753-1.659z" /> 941 </svg> 942 </kbd> 943 <kbd> 944 <svg 945 xmlns="http://www.w3.org/2000/svg" 946 width="14" 947 height="14" 948 fill="currentColor" 949 style="margin-top:1px;" 950 viewBox="0 0 16 16"> 951 <path 952 d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 0 0 1.506 0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 0 0-.753 1.659z" /> 953 </svg> 954 </kbd> 955 to navigate 956 </span> 957 <span> 958 <kbd> 959 <svg 960 xmlns="http://www.w3.org/2000/svg" 961 width="12" 962 height="12" 963 fill="currentColor" 964 style="display:inline-block;"
965 viewBox="0 0 16 16"> 966 <path 967 fill-rule="evenodd" 968 d="M14.5 1.5a.5.5 0 0 1 .5.5v4.8a2.5 2.5 0 0 1-2.5 2.5H2.707l3.347 3.346a.5.5 0 0 1-.708.708l-4.2-4.2a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 8.3H12.5A1.5 1.5 0 0 0 14 6.8V2a.5.5 0 0 1 .5-.5z" /> 969 </svg> 970 </kbd> 971 to select 972 </span> 973 <span class="search-result-info"></span> 974 <span data-target="close-search-modal"> 975 <kbd>ESC</kbd> to close 976 </span> 977 </div> 978 </div> 979 </div> 980 981 982 983 984 985 <main> 986 987 988 989 990 991 992 993 994 995 996 997 998 999 1000 1001 1002<section class="bg-purple h-auto lg:h-[600px] lg:pt-[20px] relative overflow-hidden -mb-[2px]"> 1003 <div class="h-full bg-contain md:bg-hero-md lg:bg-contain bg-no-repeat bg-[url('/images/headers/home.png')] bg-[right_bottom_-2px]"> 1004 <div class="flex flex-col"> 1005 <div class="container z-10"> 1006 <div class="pt-[20px] lg:pt-[70px] flex-shrink lg:w-[50%] lg:max-w-[420px] xl:max-w-[720px]"> 1007 <h1 class="text-green text-4xl lg:text-[62px] font-bold leading-none"> 1008 Health research for South Asians 1009 </h1> 1010 1011 1012 <div class="w-full prose max-w-[600px] lg:max-w-none pt-[14px] lg:pt-[30px] text-[14px] leading-[18px] lg:text-[30px] lg:leading-[37px] font-bold text-white">Genes & Health is the world’s largest community-based study of genetics and health in British Bangladeshis and British Pakistanis. Our aim is to improve health in people from these communities across the UK and globally.</div> 1013 1014 1015 1016 1017 1018 <div class="mt-[20px] lg:mt-[30px] inline-block"> 1019 1020 1021 1022 1023 1024 1025 1026 1027 1028 1029 1030 1031 1032 1033 1034 1035 1036 1037 1038 1039 1040 1041 1042 1043<a 1044 href="/genes-and-your-health" 1045 1046 1047 class="rounded-full text-base lg:text-xl transition-colors duration-300 ease-in-out text-black py-2 lg:py-3 pl-4 lg:pl-6 pr-2 lg:pr-4 bg-green hover:ring-1 hover:ring-green hover:bg-white hover:text-black no-underline cursor-pointer inline-flex items-center justify-between min-w-[140px] lg:min-w-[160px]" 1048> 1049 <span>What are genes?</span> 1050 <svg class="w-4 h-4 lg:w-5 lg:h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 1051 <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /> 1052 </svg> 1053</a> 1054 </div> 1055 1056 1057 1058 </div> 1059 </div> 1060 </div> 1061 1062 <div class="pt-[40px] lg:hidden relative"> 1063 <div class="flex justify-end"> 1064 <img class="ml-2 lg:ml-0 -mb-[2px]" src="/images/headers/home.png" /> 1065 </div> 1066 </div> 1067 </div> 1068</section> 1069 1070 1071 1072 1073 1074 1075 1076 1077 1078 1079 1080 1081 1082 1083<section class="pt-[40px] pb-[60px] lg:pt-[80px] lg:pb-[100px] bg-green"> 1084 1085 1086 <div class="container"> 1087 <div class="mx-auto w-full max-w-[797px] prose text-black text-[14px] leading-[17px] lg:text-[22px] lg:leading-[28px] prose-p:text-black prose-h1:text-[28px] prose-h1:leading-[33px] prose-h1:mb-[20px] lg:prose-h1:text-[62px] lg:prose-h1:leading-[66px] lg:prose-h1:mb-[30px] prose-h1:font-bold prose-h2:text-[14px] prose-h2:leading-[17px] prose-h2:mb-[10px] lg:prose-h2:text-[22px] lg:prose-h2:leading-[28px] lg:prose-h2:mb-[20px] prose-h2:font-bold prose-h3:font-bold prose-h3:text-[14px] prose-h3:leading-[17px] prose-p:text-[14px] prose-p:leading-[17px] lg:prose-p:text-[22px] lg:prose-p:leading-[28px] lg:prose-h3:text-[22px] lg:prose-h3:leading-[28px] prose-p:font-normal prose-li:text-[14px] prose-li:leading-[17px] lg:prose-li:text-[22px] lg:prose-li:leading-[28px] prose-li:marker:text-black prose-li:text-black prose-ul:pl-[0.75em] lg:prose-ul:pl-[0em] lg:prose-li:pl-[0em]"> 1088 <h1 id="help-us-use-dna-to-unlock-vital-clues-about-health-and-disease">Help us use DNA to unlock vital clues about health and disease</h1> 1089<p>Join our community of 125,000 people to contribute to improve the health of future generations of British Pakistani and British Bangladeshi people.</p> 1090<p>British Bangladeshi and British Pakistani people have some of the highest rates of heart disease, diabetes, and poor health in the UK. Genes & Health is finding better ways to prevent, diagnose and treat these conditions, and many others, using genetic and health information.</p> 1091<p>Our volunteers are making a vital contribution that will improve the health of future generations. It is quick and simple to become a volunteer.</p> 1092<div class="mt-[35px]"> 1093 1094 1095 1096 1097 1098 1099 1100 1101 1102 1103 1104 1105 1106 1107 1108 1109 1110 1111 1112 1113 1114 1115 1116 1117 1118 1119<a 1120 href="/join" 1121 1122 1123 class="rounded-full text-base lg:text-xl transition-colors duration-300 ease-in-out text-white py-2 lg:py-3 pl-4 lg:pl-6 pr-2 lg:pr-4 bg-purple hover:ring-1 hover:ring-purple hover:bg-white hover:text-black no-underline cursor-pointer inline-flex items-center justify-between min-w-[140px] lg:min-w-[270px]" 1124> 1125 <span>Volunteer now</span> 1126 <svg class="w-4 h-4 lg:w-5 lg:h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 1127 <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /> 1128 </svg> 1129</a> 1130 </div></div></div> 1131 1132 1133 1134</section> 1135 1136 1137 1138 1139 1140 1141 1142 1143 1144 1145 1146 1147 1148<section class="pt-[0px] pb-[60px] lg:pt-[0px] lg:pb-[130px] bg-green"> 1149 1150 1151 <div class="container"> 1152 <div class="mx-auto w-full max-w-[797px] prose text-black text-[14px] leading-[17px] lg:text-[22px] lg:leading-[28px] prose-p:text-black prose-h1:text-[28px] prose-h1:leading-[33px] prose-h1:mb-[20px] lg:prose-h1:text-[62px] lg:prose-h1:leading-[66px] lg:prose-h1:mb-[30px] prose-h1:font-bold prose-h2:text-[14px] prose-h2:leading-[17px] prose-h2:mb-[10px] lg:prose-h2:text-[22px] lg:prose-h2:leading-[28px] lg:prose-h2:mb-[20px] prose-h2:font-bold prose-h3:font-bold prose-h3:text-[14px] prose-h3:leading-[17px] prose-p:text-[14px] prose-p:leading-[17px] lg:prose-p:text-[22px] lg:prose-p:leading-[28px] lg:prose-h3:text-[22px] lg:prose-h3:leading-[28px] prose-p:font-normal prose-li:text-[14px] prose-li:leading-[17px] lg:prose-li:text-[22px] lg:prose-li:leading-[28px] prose-li:marker:text-black prose-li:text-black prose-ul:pl-[0.75em] lg:prose-ul:pl-[0em] lg:prose-li:pl-[0em]"> 1153 Our research teams are leading valuable research across the NHS, community settings, places of worship and in academic and life sciences organisations. You can find out more about our research here:<div class="mt-[35px]"> 1154 1155 1156 1157 1158 1159 1160 1161 1162 1163 1164 1165 1166 1167 1168 1169 1170 1171 1172 1173 1174 1175 1176 1177 1178 1179 1180<a 1181 href="/volunteer" 1182 1183 1184 class="rounded-full text-base lg:text-xl transition-colors duration-300 ease-in-out text-white py-2 lg:py-3 pl-4 lg:pl-6 pr-2 lg:pr-4 bg-purple hover:ring-1 hover:ring-purple hover:bg-white hover:text-black no-underline cursor-pointer inline-flex items-center justify-between min-w-[140px] lg:min-w-[270px]" 1185> 1186 <span>About our study</span> 1187 <svg class="w-4 h-4 lg:w-5 lg:h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 1188 <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /> 1189 </svg> 1190</a> 1191 </div></div></div> 1192 1193 1194 1195</section> 1196 1197 1198 1199 1200 1201 1202 1203 1204
1204<script> 1205 function initVideoTabs(firstVideoId, allVideoIds) { 1206 return { 1207 selectedLanguage: '', 1208 players: {}, 1209 ytApiReady: false, 1210 loadingStates: allVideoIds.reduce((acc, id) => { 1211 acc[id] = false; 1212 return acc; 1213 }, {}), 1214 1215 initPlayer(videoId, elementId) { 1216 if (!this.players[videoId] && this.ytApiReady) { 1217 this.loadingStates[videoId] = true; 1218 this.players[videoId] = new YT.Player(elementId, { 1219 videoId: videoId, 1220 playerVars: { 1221 rel: 0, 1222 modestbranding: 1 1223 }, 1224 events: { 1225 'onReady': (event) => { 1226 this.players[videoId] = event.target; 1227 this.loadingStates[videoId] = false; 1228 }, 1229 'onError': () => { 1230 this.loadingStates[videoId] = false; 1231 } 1232 } 1233 }); 1234 } 1235 }, 1236 1237 switchTab(newLanguage, videoId) { 1238 1239 Object.values(this.players).forEach(player => { 1240 if (player && typeof player.pauseVideo === 'function') { 1241 player.pauseVideo(); 1242 } 1243 }); 1244 this.selectedLanguage = newLanguage; 1245 1246 this.$nextTick(() => { 1247 if (!this.players[videoId]) { 1248 this.loadingStates[videoId] = true; 1249 } 1250 this.initPlayer(videoId, 'youtube-' + videoId); 1251 }); 1252 }, 1253 1254 init() { 1255 if (!window.YT) { 1256 window.onYouTubeIframeAPIReady = () => { 1257 this.ytApiReady = true; 1258 1259 this.loadingStates[firstVideoId] = true; 1260 this.initPlayer(firstVideoId, 'youtube-' + firstVideoId); 1261 }; 1262 const tag = document.createElement('script'); 1263 tag.src = 'https://www.youtube.com/iframe_api'; 1264 const firstScriptTag = document.getElementsByTagName('script')[0]; 1265 firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); 1266 } else { 1267 this.ytApiReady = true; 1268 1269 this.loadingStates[firstVideoId] = true; 1270 this.initPlayer(firstVideoId, 'youtube-' + firstVideoId); 1271 } 1272 } 1273 }; 1274 } 1275 1276 1277 document.addEventListener('alpine:init', () => { 1278 window.Alpine.data('videoTabs', initVideoTabs); 1279 }); 1280</script>
1280 1281 1282<section class="py-[38px] lg:py-[113px] bg-grey" x-data="videoTabs( 1283 'cIeGKHlLS1Q', 1284 ['cIeGKHlLS1Q', 'zQjgF5ms7dI', '37y9b_73-R0'] 1285 )" x-init="selectedLanguage = 'English'; init()"> 1286 <div class="container"> 1287 1288 1289 1290 <div class="mx-auto w-full max-w-[797px]"> 1291 <div class="text-[28px] leading-[33px] lg:text-[30px] lg:leading-[37px] text-black font-bold"> 1292 Joining Genes & Health is easy! Watch our video below in your preferred language to find out how 1293 </div> 1294 1295 </div> 1296 1297 1298 <div class="mt-[19px] lg:mt-[39px]"> 1299 1300 <div class="mt-8"> 1301 <nav class="flex flex-wrap gap-4" aria-label="Language selection"> 1302 1303 <button @click="switchTab('English', 'cIeGKHlLS1Q')" 1304 :class="selectedLanguage === 'English' ? 'bg-purple text-white' : 'bg-white text-purple border border-purple hover:bg-purple hover:text-white'" 1305 class="btn font-mulish font-normal text-[18px] leading-[24px] transition-colors duration-300 ease-in-out py-[5px] px-[15px] cursor-pointer"> 1306 English 1307 </button> 1308 1309 <button @click="switchTab('Bangla', 'zQjgF5ms7dI')" 1310 :class="selectedLanguage === 'Bangla' ? 'bg-purple text-white' : 'bg-white text-purple border border-purple hover:bg-purple hover:text-white'" 1311 class="btn font-mulish font-normal text-[18px] leading-[24px] transition-colors duration-300 ease-in-out py-[5px] px-[15px] cursor-pointer"> 1312 Bangla 1313 </button> 1314 1315 <button @click="switchTab('Urdu', '37y9b_73-R0')" 1316 :class="selectedLanguage === 'Urdu' ? 'bg-purple text-white' : 'bg-white text-purple border border-purple hover:bg-purple hover:text-white'" 1317 class="btn font-mulish font-normal text-[18px] leading-[24px] transition-colors duration-300 ease-in-out py-[5px] px-[15px] cursor-pointer"> 1318 Urdu 1319 </button> 1320 1321 </nav> 1322 </div> 1323 </div> 1324 1325 1326 <div class="mt-4 relative border-2 border-black rounded-lg overflow-hidden w-full aspect-video bg-blue-900"> 1327 1328 <div x-show="selectedLanguage === 'English'" x-transition.opacity.duration.500ms 1329 class="relative h-full w-full"> 1330 1331 <div x-show="loadingStates['cIeGKHlLS1Q']" x-cloak 1332 class="absolute inset-0 flex items-center justify-center bg-blue-900 bg-opacity-75 z-10"> 1333 <div class="animate-spin rounded-full h-12 w-12 border-4 border-white border-t-transparent"></div> 1334 </div> 1335 <div id="youtube-cIeGKHlLS1Q" class="h-full w-full"> 1336 </div> 1337 </div> 1338 1339 <div x-show="selectedLanguage === 'Bangla'" x-transition.opacity.duration.500ms 1340 class="relative h-full w-full"> 1341 1342 <div x-show="loadingStates['zQjgF5ms7dI']" x-cloak 1343 class="absolute inset-0 flex items-center justify-center bg-blue-900 bg-opacity-75 z-10"> 1344 <div class="animate-spin rounded-full h-12 w-12 border-4 border-white border-t-transparent"></div> 1345 </div> 1346 <div id="youtube-zQjgF5ms7dI" class="h-full w-full"> 1347 </div> 1348 </div> 1349 1350 <div x-show="selectedLanguage === 'Urdu'" x-transition.opacity.duration.500ms 1351 class="relative h-full w-full"> 1352 1353 <div x-show="loadingStates['37y9b_73-R0']" x-cloak 1354 class="absolute inset-0 flex items-center justify-center bg-blue-900 bg-opacity-75 z-10"> 1355 <div class="animate-spin rounded-full h-12 w-12 border-4 border-white border-t-transparent"></div> 1356 </div> 1357 <div id="youtube-37y9b_73-R0" class="h-full w-full"> 1358 </div> 1359 </div> 1360 1361 </div> 1362 1363 </div> 1364</section> 1365 1366 1367 1368 1369 1370 1371 1372 1373 1374 1375 1376 1377 1378<section class="bg-red py-8 lg:py-24"> 1379 <div class="container mb-5 lg:mb-[120px]"> 1380 <div class="max-w-[797px] mx-auto"> 1381 <div class="flex justify-between items-center"> 1382 <h1 class="text-2xl lg:text-6xl font-bold">Our volunteers so far</h1> 1383 1384 </div> 1385 </div> 1386 <div class="flex items-center gap-2 lg:gap-10 mt-4 lg:mt-[60px]"> 1387 <div class="w-full h-5 lg:h-12 overflow-hidden rounded-full bg-purple"> 1388 <div class="h-full rounded-full bg-white flex justify-end items-center" 1389 style="width: 62%">
1390 <span class="text-[10px] lg:text-3xl text-black mr-3">78,534</span> 1391 </div> 1392 </div> 1393 <span class="text-[10px] lg:text-3xl text-black font-bold">125,000</span> 1394 </div> 1395 </div> 1396 <div class="container"> 1397 1398 </div> 1399 <div class="hidden lg:block "> 1400 1401 1402 1403 1404 1405 1406 1407 1408 1409 1410 1411 1412 1413 1414 1415 1416 1417 1418 1419 1420 1421 1422 1423 1424 1425 1426 1427 1428 1429 1430 1431 1432 1433 1434 1435 1436 1437 1438 1439 1440 1441 1442 1443 1444 1445 1446 1447 1448 1449 1450 1451 1452 1453 1454 1455 1456 1457 1458 1459 <img 1460 src="/images/string-seperator.svg" 1461 loading="lazy" 1462 decoding="async" 1463 alt="seperator" 1464 class="w-full img" 1465 width="" 1466 height="" /> 1467 1468 1469 1470 1471 1472 1473 1474 1475 </div> 1476</section> 1477 1478 1479 1480 </main> 1481 1482 1483 1484 1485 1486 1487<section class="py-10 bg-purple"> 1488 <div class="container"> 1489 <div class="flex flex-col gap-y-10"> 1490 1491 <div class="grid grid-cols-2 gap-8 items-center lg:hidden"> 1492 1493 1494 <img 1495 src="/images/partners/queen-mary.png" 1496 alt="Queen Mary" 1497 class="order-[1] w-auto h-auto max-h-[80px] justify-self-start" /> 1498 1499 1500 <img 1501 src="/images/partners/barts-health-nhs.png" 1502 alt="NHS Barts Health - NHS Trust" 1503 class="order-[2] w-auto h-auto max-h-[80px] justify-self-end" /> 1504 1505 1506 <img 1507 src="/images/partners/bradford-nhs-trust.png" 1508 alt="NHS Bradford" 1509 class="order-[6] w-auto h-auto max-h-[80px] justify-self-end" /> 1510 1511 1512 <img 1513 src="/images/partners/manchester-uni-nhs-01.png" 1514 alt="NHS Manchester University" 1515 class="order-[4] w-auto h-auto max-h-[80px] justify-self-end" /> 1516 1517 1518 <img 1519 src="/images/partners/manchester-1824.png" 1520 alt="Manchester 1824" 1521 class="order-[3] w-auto h-auto max-h-[80px] justify-self-start" /> 1522 1523 1524 <img 1525 src="/images/partners/wellcome.png" 1526 alt="Wellcome" 1527 class="order-[5] w-auto h-auto max-h-[80px] justify-self-start" /> 1528 1529 1530 <img 1531 src="/images/partners/ME-W-01.png" 1532 alt="Medical Research Council" 1533 class="order-[7] w-auto h-auto max-h-[80px] justify-self-start" /> 1534 1535 1536 <img 1537 src="/images/partners/NIHR-01.png" 1538 alt="Nationial Institute for Health Research" 1539 class="order-[8] w-auto h-auto max-h-[80px] justify-self-end" /> 1540 1541 1542 <img 1543 src="/images/partners/aston.png" 1544 alt="Aston University" 1545 class="order-[9] w-auto h-auto max-h-[80px] justify-self-start" /> 1546 1547 1548 <img 1549 src="/images/partners/sanger.png" 1550 alt="Sanger Institute" 1551 class="order-[11] w-auto h-auto max-h-[80px] justify-self-start" /> 1552 1553 1554 <img 1555 src="/images/partners/kings.png" 1556 alt="King's College London" 1557 class="order-[10] w-auto h-auto max-h-[80px] justify-self-end" /> 1558 1559 </div> 1560 1561 1562 <div class="hidden lg:flex lg:flex-col lg:gap-y-10"> 1563 1564 1565 1566 1567 1568 1569 1570 1571 1572 1573 1574 1575 1576 1577 1578 1579 1580 1581 1582 1583 1584 1585 1586 1587 1588 1589 <div class="flex justify-between items-center gap-x-4 lg:gap-x-6 xl:gap-x-8"> 1590 1591 1592 <div class="flex items-center"> 1593 <img 1594 src="/images/partners/queen-mary.png" 1595 alt="Queen Mary" 1596 class="w-auto h-auto object-contain max-h-[50px] lg:max-h-[65px] xl:max-h-[80px]" /> 1597 </div> 1598 1599 1600 <div class="flex items-center"> 1601 <img 1602 src="/images/partners/barts-health-nhs.png" 1603 alt="NHS Barts Health - NHS Trust" 1604 class="w-auto h-auto object-contain max-h-[50px] lg:max-h-[65p
1604x] xl:max-h-[80px]" /> 1605 </div> 1606 1607 1608 <div class="flex items-center"> 1609 <img 1610 src="/images/partners/bradford-nhs-trust.png" 1611 alt="NHS Bradford" 1612 class="w-auto h-auto object-contain max-h-[50px] lg:max-h-[65px] xl:max-h-[80px]" /> 1613 </div> 1614 1615 1616 <div class="flex items-center"> 1617 <img 1618 src="/images/partners/manchester-uni-nhs-01.png" 1619 alt="NHS Manchester University" 1620 class="w-auto h-auto object-contain max-h-[50px] lg:max-h-[65px] xl:max-h-[80px]" /> 1621 </div> 1622 1623 1624 <div class="flex items-center"> 1625 <img 1626 src="/images/partners/manchester-1824.png" 1627 alt="Manchester 1824" 1628 class="w-auto h-auto object-contain max-h-[50px] lg:max-h-[65px] xl:max-h-[80px]" /> 1629 </div> 1630 1631 </div> 1632 1633 <div class="flex justify-between items-center gap-x-4 lg:gap-x-6 xl:gap-x-8"> 1634 1635 1636 <div class="flex items-center"> 1637 <img 1638 src="/images/partners/wellcome.png" 1639 alt="Wellcome" 1640 class="w-auto h-auto object-contain max-h-[50px] lg:max-h-[65px] xl:max-h-[80px]" /> 1641 </div> 1642 1643 1644 <div class="flex items-center"> 1645 <img 1646 src="/images/partners/ME-W-01.png" 1647 alt="Medical Research Council" 1648 class="w-auto h-auto object-contain max-h-[50px] lg:max-h-[65px] xl:max-h-[80px]" /> 1649 </div> 1650 1651 1652 <div class="flex items-center"> 1653 <img 1654 src="/images/partners/NIHR-01.png" 1655 alt="Nationial Institute for Health Research" 1656 class="w-auto h-auto object-contain max-h-[50px] lg:max-h-[65px] xl:max-h-[80px]" /> 1657 </div> 1658 1659 1660 <div class="flex items-center"> 1661 <img 1662 src="/images/partners/aston.png" 1663 alt="Aston University" 1664 class="w-auto h-auto object-contain max-h-[50px] lg:max-h-[65px] xl:max-h-[80px]" /> 1665 </div> 1666 1667 1668 <div class="flex items-center"> 1669 <img 1670 src="/images/partners/sanger.png" 1671 alt="Sanger Institute" 1672 class="w-auto h-auto object-contain max-h-[50px] lg:max-h-[65px] xl:max-h-[80px]" /> 1673 </div> 1674 1675 1676 <div class="flex items-center"> 1677 <img 1678 src="/images/partners/kings.png" 1679 alt="King's College London" 1680 class="w-auto h-auto object-contain max-h-[50px] lg:max-h-[65px] xl:max-h-[80px]" /> 1681 </div> 1682 1683 </div> 1684 1685 </div> 1686 </div> 1687 </div> 1688</section> 1689<footer class="bg-green"> 1690 <div class="container py-12 lg:py-16"> 1691 <div class="grid grid-cols-1 lg:grid-cols-3 gap-x-24 gap-y-8"> 1692 <div> 1693 <h2 class="text-standard lg:text-standard-title leading-none mb-4 text-black"> 1694 Find out more 1695 </h2> 1696 <ul class="text-black"> 1697 1698 <li class="text-standard lg:text-standard-lg"> 1699 <a href="/volunteer/study-team/" class="underline">Meet our team</a> 1700 </li> 1701 1702 <li class="text-standard lg:text-standard-lg"> 1703 <a href="/volunteer/faq/" class="underline">FAQs</a> 1704 </li> 1705 1706 </ul> 1707 <div class="flex gap-x-4 text-green mt-8"> 1708 1709 <a href="https://bsky.app/profile/genesandhealth.bsky.social" class="bg-black p-[10px] lg:p-[12px] w-full min-w-[45px] max-w-[45px] lg:min-w-[60px] lg:max-w-[60px] aspect-[1/1] rounded-full" target="_blank"> 1710 1711 1712 <img src="/images/icons/icon-bluesky.svg" class="svg fill-green stroke-green w-full h-full"/> 1713 </a> 1714 1715 <a href="https://www.linkedin.com/company/genes-health/" class="bg-black p-[10px] lg:p-[12px] w-full min-w-[45px] max-w-[45px] lg:min-w-[60px] lg:max-w-[60px] aspect-[1/1] rounded-full" target="_blank"> 1716 1717 1718 <img src="/images/icons/icon-linkedin.svg" class="svg fill-green stroke-green w-full h-full"/> 1719 </a> 1720 1721 </div> 1722 </div> 1723 <div class="col-span-2"> 1724 <h2 class="text-standard lg:text-standard-title leading-none mb-4 text-black"> 1725 Get in touch 1726 </h2> 1727 <div class="grid lg:grid-cols-2 gap-x-12 gap-y-4 text-standard-sm lg:text-standard-lg "> 1728 <div class="text-black"> 1729 <h3 class="font-bold">London</h3>Genes & Health<br> 1730Queen Mary University of London<br> 1731E1 2AT<div class="mt-7"> 1732 <i class="fa-solid fa-envelope"></i> 1733 <a class="text-black hover:underline" href="/cdn-cgi/l/email-protection#21444d464961504c544d0f40420f544a">
1733<span class="__cf_email__" data-cfemail="dcb9b0bbb49cadb1a9b0f2bdbff2a9b7">[email protected]</span></a> 1734 <br> 1735 <i class="fa-solid fa-phone"></i> 1736 <a class="text-black hover:underline" href="/cdn-cgi/l/email-protection#8dbdbfbdbaa8bfbdb5b5bfa8bfbdbfbebbbb">0207 882 2366</a> 1737 </div> 1738 </div> 1739 <div class="space-y-4"> 1740 1741 <div class="text-black"> 1742 <h3 class="font-bold">Bradford</h3> 1743 <a class="hover:underline" href="/cdn-cgi/l/email-protection#b3d6dfd4dbf3c2dec6df9dd2d09dc6d8"><span class="__cf_email__" data-cfemail="06636a616e46776b736a28676528736d">[email protected]</span></a> 1744 </div> 1745 1746 1747 <div class="text-black"> 1748 <h3 class="font-bold">Manchester</h3> 1749 <a class="hover:underline" href="/cdn-cgi/l/email-protection#f8959e8cd69f9d969d8b99969c909d99948c90b896908bd6969d8c"><span class="__cf_email__" data-cfemail="ee83889ac0898b808b9d8f808a868b8f829a86ae80869dc0808b9a">[email protected]</span></a> 1750 </div> 1751 1752 1753 <div class="text-black"> 1754 <h3 class="font-bold">West Midlands</h3> 1755 <a class="hover:underline" href="/cdn-cgi/l/email-protection#4e3c3926633a3c60292b202b3d632f202a63262b2f223a260e20263d60202b3a"><span class="__cf_email__" data-cfemail="4c3e3b2461383e622b2922293f612d22286124292d2038240c22243f62222938">[email protected]</span></a> 1756 </div> 1757 1758 </div> 1759 </div> 1760 </div> 1761 </div> 1762 </div> 1763 1764 <div class="bg-black"> 1765 <div class="container"> 1766 <div class="grid grid-cols-1 gap-y-4 py-5"> 1767 <div class="grid grid-cols-1 lg:grid-cols-3 lg:gap-x-24 gap-y-4 lg:items-center"> 1768 <ul class="flex gap-8"> 1769 1770 <li> 1771 <a href=" 1772 /volunteer/privacy/ 1773 " class="text-sm text-white font-normal hover:underline">Privacy notice</a> 1774 </li> 1775 1776 </ul> 1777 <div class="text-sm text-white font-normal text-left">Website by <a href="https://www.design-science.org.uk/">Design Science</a> with <a href="https://kindred.agency">Kindred Agency</a></div> 1778 <div class="text-sm text-white font-normal lg:text-right"> 1779 © 2026 Genes & Health 1780 </div> 1781 </div> 1782 </div> 1783 </div> 1784 </div> 1785</footer>
vendor: 454 bytes, lines 1785-1885
1785 1786 1787 1788 1789 1790 1791 1792 1793 1794 1795 1796 1797 1798 1799 1800 1801 1802 1803 1804 1805 1806 1807 1808 1809 1810 1811 1812 1813 1814 1815 1816 1817 1818 1819 1820 1821 1822 1823 1824 1825 1826 1827 1828 1829 1830 1831 1832 1833 1834 1835 1836 1837 1838 1839 1840 1841 1842 1843 1844 1845 1846 1847 1848 1849 1850 1851 1852 1853 1854 1855 1856 1857 1858 1859 1860 1861 1862 1863 1864 1865 1866 1867 1868 1869 1870 1871 1872 1873 1874 1875 1876 1877 1878 1879 1880 1881 1882 1883 1884 1885<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
1885<script 1886 crossorigin="anonymous" 1887 integrity="sha256-ILRI+WTT9CRQvYVksdmFYIr+jjB+5RZXRuTvUnJfuJs=" 1888 src="/js/script.min.20b448f964d3f42450bd8564b1d985608afe8e307ee5165746e4ef52725fb89b.js"></script>
1888 1889 1890
1891<script 1892 defer 1893 async 1894 crossorigin="anonymous" 1895 integrity="sha256-P8S9KRDWUzzQUDtGPmFS2C8mDQmkiBRMZG6cXHe5cjc=" 1896 src="/js/script-lazy.min.3fc4bd2910d6533cd0503b463e6152d82f260d09a488144c646e9c5c77b97237.js"></script>
1896 1897 1898 1899
1900<script> 1901 if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");} 1902</script>
1902 1903 1904 1905 1906 1907 1908 1909 1910 1911 1912 1913 1914 1915 1916 1917 1918 1919 1920 1921 1922 1923 1924 1925 1926
1926<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"b6168f79a04046e18f5309c6889c6b4f","r":1,"spa":2}' crossorigin="anonymous"></script>
1926 1927</body> 1928</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.