1<!doctype html> 2<html lang="en"> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <title></title> 7 <!-- Fonts --> 8 <!-- Josefin --> 9 <link rel="preconnect" href="https://fonts.googleapis.com"> 10 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 11 <link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap" rel="stylesheet"> 12 <!-- Yeseva --> 13 <link rel="preconnect" href="https://fonts.googleapis.com"> 14 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 15 <link href="https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap" rel="stylesheet"> 16 <!-- Swiper --> 17 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"> 18
18<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js" defer></script>
18 19 <!-- Bootstrap --> 20
20<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous" defer></script>
20 21 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> 22 <!-- JustGiving Donate --> 23
23<script src="https://www.justgiving.com/widgets/scripts/widget.js" data-version="2" data-widgetType="attachCheckout" type="text/javascript" defer></script>
23 24 <!-- Font Awesome --> 25
25<script src="https://kit.fontawesome.com/2f49d265bf.js" crossorigin="anonymous" defer></script>
25 26 <!-- My CSS --> 27 <link rel="stylesheet" href="/css/main.css"> 28 <!-- My JavaScript --> 29
29<script src="/script.js" defer></script>
29 30</head> 31<body> 32 <nav class="navbar navbar-expand-lg bg-body-tertiary"> 33 <div class="container-fluid nav-container custom-padding-lg"> 34 <a class="navbar-brand" href="/"> 35 <img src="/assets/B870F3D1-79B0-4696-BF7E-410C1FB6B03D.png" alt="PINT Logo" id="nav-logo"> 36 </a> 37 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> 38 <span class="navbar-toggler-icon"></span> 39 </button> 40 <div class="collapse navbar-collapse justify-content-end" id="navbarNav"> 41 <ul class="navbar-nav align-items-center"> 42 <li class="nav-item px-4"> 43 44 <a class="nav-link" href="/about">About</a> 45 </li> 46 <li class="nav-item px-4"> 47 48 <a class="nav-link" href="/outreach">Outreach Schedule</a> 49 </li> 50 <li class="nav-item px-4"> 51 <a class="nav-link" href="/articles">News</a> 52 </li> 53 <li class="nav-item px-4"> 54 <a class="nav-link" href="/volunteer">Volunteer</a> 55 </li> 56 <li class="nav-item ps-4 pe-4 pe-lg-0"> 57 <a class="nav-link btn custom-btn" data-jg-donate-button data-linkId="4urj0rxklq" data-marketCode="GB" data-linkType="givingCheckout">Donate</a> 58 </ul> 59 </div> 60 </div> 61 </nav> 62 63<div 64 class="container-fluid p-0 position-relative article-hero text-white" 65 style="background-image: url(/assets/articles/news-hero.jpg)" 66> 67 <h1 class="position-absolute top-50 start-50 w-100 text-center translate-middle m-0"> 68 News and Projects 69 </h1> 70</div> 71 72<div class="container-fluid card-container custom-padding-lg my-5"> 73 <h1>News and Projects</h1> 74 <div class="container-fluid"> 75 <div class="row"> 76 77 <div class="col-12 col-md-6"> 78 <!-- col-12 for mobile, col-md-6 for md+ --> 79 <a href="/articles/fuel-of-hope/"> 80 <div class="article-card"> 81 82 <img 83 src="/assets/articles/cars.jpg" 84 alt="Help Us Drive Change" 85 class="card-img" 86 /> 87 88 </div> 89 <h4 class="card-title">Help Us Drive Change</h4> 90 </a> 91 </div> 92 93 <div class="col-12 col-md-6"> 94 <!-- col-12 for mobile, col-md-6 for md+ --> 95 <a href="/articles/words-of-wisdom/"> 96 <div class="article-card"> 97 98 <img 99 src="/assets/articles/words-of-wisdom.jpg" 100 alt="Our Mobile Library Initiative" 101 class="card-img" 102 /> 103 104 </div> 105 <h4 class="card-title">Our Mobile Library Initiative</h4> 106 </a> 107 </div> 108 109 </div> 110 </div> 111</div> 112 113 <footer class="container-fluid footer-container custom-padding-lg"> 114 115 <div class="row row-cols-1 row-cols-lg-4 my-5 g-0"> 116 117 <div class="col my-3 my-md-0 footer-brand"> 118 <img class="img footer-logo-img" src="/assets/pint-white.png" alt="PINT Logo"> 119 <ul class="footer-list"> 120 <li class="text-uppercase mb-2">© 2026 People In Need Today</li> 121 <li class="mb-2">Charity No. 1199209</li> 122 </ul> 123 </div> 124 125 <div class="col my-3 my-md-0 footer-contact"> 126 <h4>Contact us</h4> 127 128 <ul class="contact-list footer-list"> 129 130 <li class="mb-2 d-flex align-items-center"> 131 <i class="fa-solid fa-fw fa-lg fa-envelope me-2"></i> 132 <a href="mailto:[email protected]">[email protected]</a> 133 </li> 134 135 <li class="mb-2 d-flex align-items-center"> 136 <i class="fa-solid fa-fw fa-lg fa-mobile me-2"></i> 137 <span>07508 979166</span> 138 </li> 139 140 <li class="mb-2 d-flex align-items-center"> 141 <i class="fa-solid fa-fw fa-lg fa-location-dot me-2"></i> 142 <span>London, United Kingdom</span> 143 </li> 144 145 </ul> 146 </div> 147 148 <div class="col my-3 my-md-0 footer-quick-links"> 149 <h4>Quick links</h4> 150 <ul class="footer-quick-links footer-list"> 151 <li class="mb-2 d-flex"> 152 <a class="nav-link btn custom-btn" data-jg-donate-button data-linkId="4urj0rxklq" data-marketCode="GB" data-linkType="givingCheckout">Donate</a> 153 </li> 154 <li class="mb-2"><a class="nav-link" href="/about">About</a></li> 155 <li class="mb-2"><a class="nav-link" href="/volunteer">Volunteer</a></li> 156 <li class="mb-2"><a class="nav-link" href="/outreach">Outreach Schedule</a></li> 157 <li class="mb-2"><a class="nav-link" href="/faq">FAQ</a></li> 158 <li class="mb-2"><a class="nav-link" href="/privacy-policy">Privacy Policy</a></li> 159 </ul> 160 </div> 161 162 163 <div class="col my-3 my-md-0 footer-socials-newsletter"> 164 <h4>Stay connected</h4> 165 166 <a href="https://twitter.com/pintgiving" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-x-twitter fa-fw"></i></a> 167 <a href="https://www.tiktok.com/@pintgiving" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-tiktok fa-fw"></i></a> 168 <a href="https://www.instagram.com/pintgiving/" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-instagram fa-fw"></i></a> 169 </div> 170 </div> 171 </footer> 172</body> 173</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.