|
Server IP : 62.171.151.215 / Your IP : 216.73.217.19 Web Server : nginx/1.18.0 System : Linux vmi3128365 5.15.0-176-generic #186-Ubuntu SMP Fri Mar 13 11:01:42 UTC 2026 x86_64 User : alex ( 1000) PHP Version : 8.4.18 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF Directory (0775) : /var/www/workoutfacile.com/wp-content/themes/wp-theme-guidelondres/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<?php
/**
* Template Name: Modele Test 100
* Description: Template autonome avec HTML complet integre.
*/
if (!defined('ABSPATH')) {
exit;
}
$theme_pagespeed_css = get_template_directory_uri() . '/assets/css/pagespeed-test.css';
$theme_image = get_template_directory_uri() . '/assets/image-352.webp';
$theme_image_80 = get_template_directory_uri() . '/assets/image-80.webp';
$theme_image_256 = get_template_directory_uri() . '/assets/image-256.webp';
?>
<!doctype html>
<html lang="fr">
<head>
<!-- favicon -->
<link rel="shortcut icon" href="/favicon.png" />
<!-- theme meta -->
<meta name="theme-name" content="guidelondres-pagespeed" />
<meta name="msapplication-TileColor" content="#000000" />
<meta
name="theme-color"
media="(prefers-color-scheme: light)"
content="#fff"
/>
<meta name="generator" content="WordPress" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- responsive meta -->
<meta
name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=5"
/>
<title>GuideLondres Test PageSpeed</title>
<meta name="title" content="GuideLondres Test PageSpeed " />
<link rel="canonical" href="https://guidelondres.fr/" item-prop="url" />
<meta
name="description"
content="GuideLondres Test PageSpeed."
/>
<!-- author from config.json -->
<meta name="author" content="GuideLondres Test PageSpeed" />
<!-- og-title -->
<meta property="og:title" content="GuideLondres Test PageSpeed " />
<!-- og-description -->
<meta
property="og:description"
content="GuideLondres Test PageSpeed."
/>
<meta property="og:type" content="website" />
<meta property="og:url" content="https://guidelondres.fr/" />
<!-- twitter-title -->
<meta name="twitter:title" content="GuideLondres Test PageSpeed " />
<!-- twitter-description -->
<meta
name="twitter:description"
content="GuideLondres Test PageSpeed."
/>
<meta name="twitter:card" content="summary_large_image" />
<link rel="manifest" href="/manifest.webmanifest" />
<link
rel="stylesheet"
href="<?php echo esc_url($theme_pagespeed_css); ?>"
/>
<link
rel="preload"
as="image"
href="<?php echo esc_url($theme_image); ?>"
fetchpriority="high"
/>
</head>
<body class="bg-white dark:bg-zinc-900/95">
<header class="bg-zinc-50 dark:bg-zinc-900">
<div class="mx-auto max-w-screen-lg px-4 py-8 sm:px-6 sm:py-12 lg:px-8">
<div
class="flex items-start justify-between gap-2 sm:gap-4 md:items-center"
>
<div class="block dark:hidden">
<a href="/" class="logo flex items-center" aria-current="page">
<figure>
<img
src="<?php echo esc_url($theme_image_80); ?>"
alt="GuideLondres Test PageSpeed "
decoding="async"
loading="eager"
fetchpriority="high"
width="80"
height="40"
class="w-20 rounded bg-zinc-950 bg-opacity-0"
/>
</figure>
</a>
</div>
<div class="relative order-3 flex">
<!-- navbar toggler -->
<input id="nav-toggle" type="checkbox" class="hidden" />
<label
id="show-button"
for="nav-toggle"
class="order-2 flex cursor-pointer items-center text-zinc-400 md:hidden"
>
<svg class="h-6 fill-current" viewBox="0 0 20 20">
<title>Menu ouvrir</title>
<path d="M0 3h20v2H0V3z m0 6h20v2H0V9z m0 6h20v2H0V0z"></path>
</svg>
</label>
<label
id="hide-button"
for="nav-toggle"
class="order-2 hidden cursor-pointer items-center text-zinc-400"
>
<svg class="h-6 fill-current" viewBox="0 0 20 20">
<title>Menu fermer</title>
<polygon
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"
transform="rotate(45 10 10)"
></polygon>
</svg>
</label>
<!-- /navbar toggler -->
<div
id="nav-menu"
class="absolute right-0 top-8 z-10 mt-2 hidden w-44 divide-y divide-zinc-100 rounded-md border border-zinc-100 bg-white p-2 shadow-lg dark:border-zinc-900 dark:bg-zinc-800"
>
<ul class="py-2 text-sm text-zinc-700 dark:text-zinc-200">
<li>
<a
href="/"
class="block rounded-lg px-4 py-2 text-sm text-zinc-500 hover:bg-zinc-50 hover:text-zinc-700 dark:text-zinc-400 dark:hover:bg-zinc-200 dark:hover:text-zinc-800"
>
Accueil
</a>
</li>
<li>
<a
href="/about"
class="block rounded-lg px-4 py-2 text-sm text-zinc-500 hover:bg-zinc-50 hover:text-zinc-700 dark:text-zinc-400 dark:hover:bg-zinc-200 dark:hover:text-zinc-800"
>
A propos
</a>
</li>
<li>
<a
href="/tags"
class="block rounded-lg px-4 py-2 text-sm text-zinc-500 hover:bg-zinc-50 hover:text-zinc-700 dark:text-zinc-400 dark:hover:bg-zinc-200 dark:hover:text-zinc-800"
>
Etiquettes
</a>
</li>
<li>
<a
href="/categories"
class="block rounded-lg px-4 py-2 text-sm text-zinc-500 hover:bg-zinc-50 hover:text-zinc-700 dark:text-zinc-400 dark:hover:bg-zinc-200 dark:hover:text-zinc-800"
>
Categories
</a>
</li>
</ul>
</div>
</div>
<ul class="ml-auto hidden items-center gap-6 md:flex lg:flex">
<li
class="text-md block rounded-lg px-2 py-2 text-zinc-500 transition-all hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-zinc-200"
>
<a href="/" class="relative flex items-center">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-4 w-4"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<title>Accueil</title>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"
></path>
</svg>
</a>
</li>
<li
class="text-md block rounded-lg px-2 py-2 text-zinc-500 transition-all hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-zinc-200"
>
<a href="/about" class="relative flex items-center"> A propos </a>
</li>
<li
class="text-md block rounded-lg px-2 py-2 text-zinc-500 transition-all hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-zinc-200"
>
<a href="/tags" class="relative flex items-center"> Etiquettes </a>
</li>
<li
class="text-md block rounded-lg px-2 py-2 text-zinc-500 transition-all hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-zinc-200"
>
<a href="/categories" class="relative flex items-center">
Categories
</a>
</li>
</ul>
</div>
</div>
</header>
<section class="bg-zinc-50 dark:bg-zinc-900">
<div
class="mx-auto max-w-screen-lg px-4 py-0 pb-6 sm:px-6 sm:pb-12 lg:px-8"
>
<div class="flex items-start justify-between">
<div class="w-3/5 rounded-lg">
<h1
class="mb-0 text-lg font-bold text-zinc-900 dark:text-white sm:text-3xl md:text-2xl"
>
GuideLondres Test PageSpeed
</h1>
<p
class="mt-1.5 text-sm text-zinc-500 dark:text-zinc-400 md:text-lg"
>
GuideLondres Test PageSpeed is a free and open-source serverless blog template, built with
GuideLondres Test PageSpeed.
</p>
<div class="m-auto flex space-x-5 pt-8">
<a
href="https://guidelondres.fr/"
target="_blank"
rel="noopener noreferrer"
>
<figure>
<svg
class="transition-all w-6 h-6 cursor-pointer text-zinc-400 hover:text-[#FF0000] fill-current"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<title>YouTube</title>
<path
d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"
></path>
</svg>
</figure> </a
><a
href="https://guidelondres.fr/"
target="_blank"
rel="noopener noreferrer"
>
<figure>
<svg
class="transition-all w-6 h-6 cursor-pointer text-zinc-400 hover:text-[#6e5494] fill-current"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
>
<title>GitHub</title>
<path
d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"
></path>
</svg>
</figure> </a
><a
href="https://guidelondres.fr/"
target="_blank"
rel="noopener noreferrer"
>
<figure>
<svg
class="transition-all w-6 h-6 cursor-pointer text-zinc-400 hover:text-[#E4405F] fill-current"
role="img"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<title>Instagram</title>
<path
d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z"
></path>
</svg>
</figure> </a
><a
href="https://guidelondres.fr/"
target="_blank"
rel="noopener noreferrer"
>
<figure>
<svg
class="transition-all w-6 h-6 cursor-pointer text-zinc-400 hover:text-blue-300 fill-current"
viewBox="0 0 50 50"
xmlns="http://www.w3.org/2000/svg"
>
<title>X</title>
<path
d="M 11 4 C 7.134 4 4 7.134 4 11 L 4 39 C 4 42.866 7.134 46 11 46 L 39 46 C 42.866 46 46 42.866 46 39 L 46 11 C 46 7.134 42.866 4 39 4 L 11 4 z M 13.085938 13 L 21.023438 13 L 26.660156 21.009766 L 33.5 13 L 36 13 L 27.789062 22.613281 L 37.914062 37 L 29.978516 37 L 23.4375 27.707031 L 15.5 37 L 13 37 L 22.308594 26.103516 L 13.085938 13 z M 16.914062 15 L 31.021484 35 L 34.085938 35 L 19.978516 15 L 16.914062 15 z"
></path>
</svg>
</figure> </a
><a
href="https://www.linkedin.com/in/oscarbarajas/"
target="_blank"
rel="noopener noreferrer"
>
<figure>
<svg
class="transition-all w-6 h-6 cursor-pointer text-zinc-400 hover:text-blue-500 fill-current"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512"
>
<title>Linkedin</title>
<path
d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"
></path>
</svg>
</figure> </a
><a
href="https://guidelondres.fr/"
target="_blank"
rel="noopener noreferrer"
>
<figure>
<svg
class="transition-all w-6 h-6 cursor-pointer text-zinc-400 hover:text-[#9146FF] fill-current"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<title>Twitch</title>
<path
d="M11.571 4.714h1.715v5.143H11.57zm4.715 0H18v5.143h-1.714zM6 0L1.714 4.286v15.428h5.143V24l4.286-4.286h3.428L22.286 12V0zm14.571 11.143l-3.428 3.428h-3.429l-3 3v-3H6.857V1.714h13.714Z"
></path>
</svg>
</figure> </a
><a
href="https://discord.gg/5mZc7fU5WZ"
target="_blank"
rel="noopener noreferrer"
>
<figure>
<svg
class="transition-all w-6 h-6 cursor-pointer text-zinc-400 hover:text-[#7289da] fill-current"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<title>Discord</title>
<path
fill="currentColor"
d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418Z"
></path>
</svg>
</figure>
</a>
</div>
</div>
<div class="rounded-lg">
<figure class="right-0">
<img
src="<?php echo esc_url($theme_image_256); ?>"
alt="GuideLondres Test PageSpeed"
decoding="async"
loading="lazy"
fetchpriority="auto"
width="256"
height="128"
class="w-24 rounded-lg md:w-32"
/>
</figure>
</div>
</div>
</div>
</section>
<main class="mx-auto max-w-screen-lg px-4 py-8 sm:px-6 sm:py-12 lg:px-8">
<div
class="mx-auto grid grid-cols-1 gap-x-8 gap-y-16 md:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-3"
>
<article class="flex w-full flex-col items-start">
<div class="mb-4 block overflow-hidden rounded-lg">
<a href="/blog/230919-another-blogpost/">
<figure class="h-auto w-auto object-cover md:h-[150px]">
<img
src="<?php echo esc_url($theme_image); ?>"
alt="Un autre article avec un long titre"
decoding="async"
loading="lazy"
fetchpriority="auto"
width="352"
height="176"
class="transition duration-300 ease-in-out hover:scale-110"
/>
</figure>
</a>
</div>
<div
class="flex items-center gap-x-4 text-xs text-zinc-900 dark:text-white"
>
<time datetime="2023-09-19T01:09:01.514Z"> Sep 19, 2023 </time>
<a
href="/categories/test"
class="text-md relative z-10 rounded-full bg-zinc-50 px-3 py-1.5 font-medium capitalize text-zinc-600 hover:bg-zinc-50 dark:bg-zinc-900 dark:text-zinc-400"
>
test
</a>
</div>
<div class="relative">
<h2
class="mt-3 text-xl font-semibold leading-6 text-zinc-900 group-hover:text-zinc-600 dark:text-white"
>
<a href="/blog/230919-another-blogpost/">
<span class="absolute inset-0"></span> Another blogpost with a
long title
</a>
</h2>
<p class="mt-5 line-clamp-3 text-sm leading-6 text-zinc-600">
Here is a sample of some basic Markdown syntax that can be used
GuideLondres Test PageSpeed.
</p>
</div>
</article>
<article class="flex w-full flex-col items-start">
<div class="mb-4 block overflow-hidden rounded-lg">
<a href="/blog/second-post/">
<figure class="h-auto w-auto object-cover md:h-[150px]">
<img
src="<?php echo esc_url($theme_image); ?>"
alt="Deuxieme article"
decoding="async"
loading="lazy"
fetchpriority="auto"
width="352"
height="176"
class="transition duration-300 ease-in-out hover:scale-110"
/>
</figure>
</a>
</div>
<div
class="flex items-center gap-x-4 text-xs text-zinc-900 dark:text-white"
>
<time datetime="2022-07-21T22:00:00.000Z"> Jul 22, 2022 </time>
<a
href="/categories/media"
class="text-md relative z-10 rounded-full bg-zinc-50 px-3 py-1.5 font-medium capitalize text-zinc-600 hover:bg-zinc-50 dark:bg-zinc-900 dark:text-zinc-400"
>
media
</a>
</div>
<div class="relative">
<h2
class="mt-3 text-xl font-semibold leading-6 text-zinc-900 group-hover:text-zinc-600 dark:text-white"
>
<a href="/blog/second-post/">
<span class="absolute inset-0"></span> Deuxieme article
</a>
</h2>
<p class="mt-5 line-clamp-3 text-sm leading-6 text-zinc-600">
Here is a sample of some basic Markdown syntax that can be used
GuideLondres Test PageSpeed.
</p>
</div>
</article>
<article class="flex w-full flex-col items-start">
<div class="mb-4 block overflow-hidden rounded-lg">
<a href="/blog/third-post/">
<figure class="h-auto w-auto object-cover md:h-[150px]">
<img
src="<?php echo esc_url($theme_image); ?>"
alt="Troisieme article"
decoding="async"
loading="lazy"
fetchpriority="auto"
width="352"
height="176"
class="transition duration-300 ease-in-out hover:scale-110"
/>
</figure>
</a>
</div>
<div
class="flex items-center gap-x-4 text-xs text-zinc-900 dark:text-white"
>
<time datetime="2022-07-14T22:00:00.000Z"> Jul 15, 2022 </time>
<a
href="/categories/third"
class="text-md relative z-10 rounded-full bg-zinc-50 px-3 py-1.5 font-medium capitalize text-zinc-600 hover:bg-zinc-50 dark:bg-zinc-900 dark:text-zinc-400"
>
third
</a>
</div>
<div class="relative">
<h2
class="mt-3 text-xl font-semibold leading-6 text-zinc-900 group-hover:text-zinc-600 dark:text-white"
>
<a href="/blog/third-post/">
<span class="absolute inset-0"></span> Troisieme article
</a>
</h2>
<p class="mt-5 line-clamp-3 text-sm leading-6 text-zinc-600">
Here is a sample of some basic Markdown syntax that can be used
GuideLondres Test PageSpeed.
</p>
</div>
</article>
<article class="flex w-full flex-col items-start">
<div class="mb-4 block overflow-hidden rounded-lg">
<a href="/blog/first-post/">
<figure class="h-auto w-auto object-cover md:h-[150px]">
<img
src="<?php echo esc_url($theme_image); ?>"
alt="Premier article"
decoding="async"
loading="lazy"
fetchpriority="auto"
width="352"
height="176"
class="transition duration-300 ease-in-out hover:scale-110"
/>
</figure>
</a>
</div>
<div
class="flex items-center gap-x-4 text-xs text-zinc-900 dark:text-white"
>
<time datetime="2022-07-07T22:00:00.000Z"> Jul 8, 2022 </time>
<a
href="/categories/first"
class="text-md relative z-10 rounded-full bg-zinc-50 px-3 py-1.5 font-medium capitalize text-zinc-600 hover:bg-zinc-50 dark:bg-zinc-900 dark:text-zinc-400"
>
first
</a>
</div>
<div class="relative">
<h2
class="mt-3 text-xl font-semibold leading-6 text-zinc-900 group-hover:text-zinc-600 dark:text-white"
>
<a href="/blog/first-post/">
<span class="absolute inset-0"></span> Premier article
</a>
</h2>
<p class="mt-5 line-clamp-3 text-sm leading-6 text-zinc-600">
Here is a sample of some basic Markdown syntax that can be used
GuideLondres Test PageSpeed.
</p>
</div>
</article>
<article class="flex w-full flex-col items-start">
<div class="mb-4 block overflow-hidden rounded-lg">
<a href="/blog/using-mdx/">
<figure class="h-auto w-auto object-cover md:h-[150px]">
<img
src="<?php echo esc_url($theme_image); ?>"
alt="Utiliser MDX"
decoding="async"
loading="lazy"
fetchpriority="auto"
width="352"
height="176"
class="transition duration-300 ease-in-out hover:scale-110"
/>
</figure>
</a>
</div>
<div
class="flex items-center gap-x-4 text-xs text-zinc-900 dark:text-white"
>
<time datetime="2022-07-01T22:00:00.000Z"> Jul 2, 2022 </time>
<a
href="/categories/world"
class="text-md relative z-10 rounded-full bg-zinc-50 px-3 py-1.5 font-medium capitalize text-zinc-600 hover:bg-zinc-50 dark:bg-zinc-900 dark:text-zinc-400"
>
world
</a>
</div>
<div class="relative">
<h2
class="mt-3 text-xl font-semibold leading-6 text-zinc-900 group-hover:text-zinc-600 dark:text-white"
>
<a href="/blog/using-mdx/">
<span class="absolute inset-0"></span> Utiliser MDX
</a>
</h2>
<p class="mt-5 line-clamp-3 text-sm leading-6 text-zinc-600">
Here is a sample of some basic Markdown syntax that can be used
GuideLondres Test PageSpeed.
</p>
</div>
</article>
<article class="flex w-full flex-col items-start">
<div class="mb-4 block overflow-hidden rounded-lg">
<a href="/blog/markdown-style-guide/">
<figure class="h-auto w-auto object-cover md:h-[150px]">
<img
src="<?php echo esc_url($theme_image); ?>"
alt="Guide de style Markdown"
decoding="async"
loading="lazy"
fetchpriority="auto"
width="352"
height="176"
class="transition duration-300 ease-in-out hover:scale-110"
/>
</figure>
</a>
</div>
<div
class="flex items-center gap-x-4 text-xs text-zinc-900 dark:text-white"
>
<time datetime="2022-06-30T22:00:00.000Z"> Jul 1, 2022 </time>
<a
href="/categories/life"
class="text-md relative z-10 rounded-full bg-zinc-50 px-3 py-1.5 font-medium capitalize text-zinc-600 hover:bg-zinc-50 dark:bg-zinc-900 dark:text-zinc-400"
>
life
</a>
</div>
<div class="relative">
<h2
class="mt-3 text-xl font-semibold leading-6 text-zinc-900 group-hover:text-zinc-600 dark:text-white"
>
<a href="/blog/markdown-style-guide/">
<span class="absolute inset-0"></span> Guide de style Markdown
</a>
</h2>
<p class="mt-5 line-clamp-3 text-sm leading-6 text-zinc-600">
Here is a sample of some basic Markdown syntax that can be used
GuideLondres Test PageSpeed.
</p>
</div>
</article>
</div>
<div class="m-auto mt-12 text-right">
<a
class="inline-block rounded border border-indigo-600 px-12 py-3 text-sm font-medium text-indigo-600 transition-all hover:bg-indigo-600 hover:text-white focus:outline-none focus:ring active:bg-indigo-500 dark:border-indigo-400 dark:text-indigo-400 dark:hover:border-indigo-600 dark:hover:text-white"
href="/blog"
>
Tous les articles
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
class="inline-block h-5 w-5"
>
<path
fill-rule="evenodd"
d="M2 10a.75.75 0 01.75-.75h12.59l-2.1-1.95a.75.75 0 111.02-1.1l3.5 3.25a.75.75 0 010 1.1l-3.5 3.25a.75.75 0 11-1.02-1.1l2.1-1.95H2.75A.75.75 0 012 10z"
clip-rule="evenodd"
></path>
</svg>
</a>
</div>
</main>
<section class="mx-auto max-w-screen-lg px-4 pb-12 sm:px-6 lg:px-8">
<h3
class="mb-4 mt-3 text-lg font-semibold leading-6 text-zinc-900 group-hover:text-zinc-600 dark:text-white md:text-2xl"
>
Dernieres videos sur YouTube :
</h3>
<ul
class="mx-auto grid grid-cols-1 gap-x-4 gap-y-4 text-white md:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-3"
>
<li>
<a
href="https://www.youtube.com/watch?v=neZYcnduRTo"
target="_blank"
class="relative top-0 block overflow-hidden rounded-2xl"
>
<figure>
<img
src="<?php echo esc_url($theme_image); ?>"
alt="GuideLondres Test PageSpeed"
decoding="async"
loading="lazy"
fetchpriority="auto"
width="352"
height="176"
class="h-44 w-full object-cover"
/>
</figure>
<div class="bg-zinc-900 p-4">
<span class="text-sm">GuideLondres</span>
<p class="mt-1 h-8 text-xs text-zinc-400">
OSIRIS-REx: 1st US Asteroid Sample Lands Soon (Official GuideLondres
Trailer)
</p>
</div>
</a>
</li>
<li>
<a
href="https://www.youtube.com/watch?v=d6F9o6LKpVA"
target="_blank"
class="relative top-0 block overflow-hidden rounded-2xl"
>
<figure>
<img
src="<?php echo esc_url($theme_image); ?>"
alt="GuideLondres Test PageSpeed"
decoding="async"
loading="lazy"
fetchpriority="auto"
width="352"
height="176"
class="h-44 w-full object-cover"
/>
</figure>
<div class="bg-zinc-900 p-4">
<span class="text-sm">GuideLondres</span>
<p class="mt-1 h-8 text-xs text-zinc-400">
GuideLondres Test PageSpeed
</p>
</div>
</a>
</li>
<li>
<a
href="https://www.youtube.com/watch?v=ZSHnE8Pd5s4"
target="_blank"
class="relative top-0 block overflow-hidden rounded-2xl"
>
<figure>
<img
src="<?php echo esc_url($theme_image); ?>"
alt="GuideLondres Test PageSpeed"
decoding="async"
loading="lazy"
fetchpriority="auto"
width="352"
height="176"
class="h-44 w-full object-cover"
/>
</figure>
<div class="bg-zinc-900 p-4">
<span class="text-sm">GuideLondres</span>
<p class="mt-1 h-8 text-xs text-zinc-400">
GuideLondres Test PageSpeed
</p>
</div>
</a>
</li>
</ul>
</section>
<footer class="mx-auto max-w-screen-lg px-4 sm:px-6 lg:px-8">
<div class="border-t border-zinc-100 dark:border-zinc-900">
<p
class="mb-8 mt-8 text-center text-xs/relaxed text-zinc-500 dark:text-zinc-400"
>
© 2026. GuideLondres Test PageSpeed. Tous droits reserves
<span class="mt-2 block">
Fait avec
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
class="inline-block h-3 w-3"
>
<path
d="M9.653 16.915l-.005-.003-.019-.01a20.759 20.759 0 01-1.162-.682 22.045 22.045 0 01-2.582-1.9C4.045 12.733 2 10.352 2 7.5a4.5 4.5 0 018-2.828A4.5 4.5 0 0118 7.5c0 2.852-2.044 5.233-3.885 6.82a22.049 22.049 0 01-3.744 2.582l-.019.01-.005.003h-.002a.739.739 0 01-.69.001l-.002-.001z"
></path>
</svg>
<a
href="https://guidelondres.fr"
class="text-zinc-700 decoration-dashed transition hover:text-zinc-700/75 dark:text-zinc-200 dark:hover:text-zinc-200/75"
>GuideLondres</a
>
</span>
</p>
</div>
</footer>
</body>
</html>