{"id":22518242,"url":"https://github.com/theelegantcoding/astro_template_webpage","last_synced_at":"2025-08-03T18:32:13.155Z","repository":{"id":216253994,"uuid":"737622652","full_name":"TheElegantCoding/astro_template_webpage","owner":"TheElegantCoding","description":"📦️ This repository that contains an Astro template ready for any website you can imagine. It's like a Swiss Army knife for developers, offering pre-built modules and flexible configurations to kickstart your project, regardless of its type.","archived":false,"fork":false,"pushed_at":"2024-10-29T22:49:00.000Z","size":4238,"stargazers_count":14,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-10-30T00:46:33.378Z","etag":null,"topics":["accessibility","astro","bun","clean-architecture","clean-code","design-system","eslint","i18n","node","performance","postcss","sass","seo","style-guide","stylelint","typescript","vite","web-development"],"latest_commit_sha":null,"homepage":"","language":"SCSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/TheElegantCoding.png","metadata":{"files":{"readme":".github/readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":".github/code_of_conduct.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":"TheElegantCoding"}},"created_at":"2023-12-31T19:41:20.000Z","updated_at":"2024-10-29T22:42:03.000Z","dependencies_parsed_at":"2024-04-14T21:31:42.254Z","dependency_job_id":"a6b06fbe-773b-4b3c-8fef-e9bdab25e83e","html_url":"https://github.com/TheElegantCoding/astro_template_webpage","commit_stats":null,"previous_names":["theelegantcoding/astro_template_webpage"],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TheElegantCoding%2Fastro_template_webpage","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TheElegantCoding%2Fastro_template_webpage/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TheElegantCoding%2Fastro_template_webpage/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TheElegantCoding%2Fastro_template_webpage/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TheElegantCoding","download_url":"https://codeload.github.com/TheElegantCoding/astro_template_webpage/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":228557102,"owners_count":17936452,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["accessibility","astro","bun","clean-architecture","clean-code","design-system","eslint","i18n","node","performance","postcss","sass","seo","style-guide","stylelint","typescript","vite","web-development"],"created_at":"2024-12-07T04:15:00.243Z","updated_at":"2024-12-07T04:15:00.904Z","avatar_url":"https://github.com/TheElegantCoding.png","language":"SCSS","funding_links":["https://github.com/sponsors/TheElegantCoding"],"categories":[],"sub_categories":[],"readme":"\u003cimg src=\"./asset/illustration/wave_header.svg\" alt=\"wave\" width=\"100%\" align=\"center\"/\u003e\n\n\u003ch1 id=\"astro-template-webpage\"\u003e\n  \u003cimg src=\"./asset/icon/web.svg\" width=\"32px\" align=\"center\" /\u003e\n  Astro template webpage\n\u003c/h1\u003e\n\n---\n\n\u003cpre align=\"center\"\u003e\n  \u003ca href=\"#instalation\"\u003e📦 SETUP\u003c/a\u003e • \u003ca href=\"#configuration\"\u003e⚙️ CONFIGURATION\u003c/a\u003e • \u003ca href=\"#features\"\u003e️️️🛰️ FEATURES\u003c/a\u003e\n\u003c/pre\u003e\n\n---\n\n\u003cimg src=\"./asset/illustration/cover.svg\" alt=\"cover\" width=\"100%\" align=\"center\" /\u003e\n\n\u003cbr /\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"./asset/badget/astro_badget.svg\" height=\"32px\" /\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003cimg src=\"./asset/badget/eslint_badget.svg\" height=\"32px\" /\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003cimg src=\"./asset/badget/stylelint_badget.svg\" height=\"32px\" /\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003cimg src=\"./asset/badget/bun_badget.svg\" height=\"32px\" /\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003cimg src=\"./asset/badget/github_badget.svg\" height=\"32px\" /\u003e\n\u003c/div\u003e\n\n---\n\n\u003ch2 id=\"about\"\u003e\n  \u003cimg src=\"./asset/icon/information.svg\" width=\"24px\" align=\"center\"/\u003e\n  About\n\u003c/h2\u003e\n\n\u003ctable border\u003e\n\u003ctr\u003e\n\u003ctd\u003e\n\nTired of sluggish websites and SEO headaches? Unleash the power of lightning-fast performance and built-in optimization with this Astro template builder! Crafted for developers who value speed and simplicity, this robust toolkit empowers you to build stunning websites that soar in search engines and captivate users.\n\nDitch the struggle and focus on what matters most - crafting impactful content that drives engagement. Welcome to the future of web development - where SEO and performance work hand-in-hand.\n\n\u003cp align=\"right\"\u003e\n  ( \u003ca href=\"#astro-template-webpage\"\u003e\n    \u003cimg src=\"./asset/icon/arrow_up.svg\" width=\"20px\" align=\"center\" /\u003e\n    Back to top\n  \u003c/a\u003e )\n\u003c/p\u003e\n\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/table\u003e\n\n---\n\n\u003ch2\u003e\n  \u003cimg src=\"./asset/icon/book.svg\" width=\"24px\" align=\"center\"/\u003e\n  Table of content\n\u003c/h2\u003e\n\n- [\u003cimg src=\"./asset/icon/information.svg\" width=\"20px\" align=\"center\" /\u003e About](#about)\n- [\u003cimg src=\"./asset/icon/satellite.svg\" width=\"20px\" align=\"center\" /\u003e Features](#features)\n- [\u003cimg src=\"./asset/icon/thunder.svg\" width=\"20px\" align=\"center\" /\u003e Requirements](#requirements)\n- [\u003cimg src=\"./asset/icon/package.svg\" width=\"20px\" align=\"center\" /\u003e Installation](#installation)\n- [\u003cimg src=\"./asset/icon/gear.svg\" width=\"20px\" align=\"center\" /\u003e Configuration](#configuration)\n  - [Site configuration](#site-configuration)\n  - [Environment varaibles](#enviroment-varaible)\n  - [i18n configuration](#i18n-configuration)\n- [\u003cimg src=\"./asset/icon/rocket.svg\" width=\"20px\" align=\"center\" /\u003e Usage](#usage)\n- [\u003cimg src=\"./asset/icon/terminal.svg\" width=\"20px\" align=\"center\" /\u003e Scripts](#scripts)\n- [\u003cimg src=\"./asset/icon/world.svg\" width=\"20px\" align=\"center\" /\u003e Browser support](#browser-support)\n\n\u003cp align=\"right\"\u003e\n  ( \u003ca href=\"#astro-template-webpage\"\u003e\n    \u003cimg src=\"./asset/icon/arrow_up.svg\" width=\"20px\" align=\"center\" /\u003e\n    Back to top\n  \u003c/a\u003e )\n\u003c/p\u003e\n\n---\n\n\u003ch2 id=\"features\"\u003e\n  \u003cimg src=\"./asset/icon/satellite.svg\" width=\"24px\" align=\"center\" /\u003e\n  Features\n\u003c/h2\u003e\n\n- \u003cimg src=\"./asset/icon/astro.svg\" width=\"24px\" align=\"center\" /\u003e `Astro` - Astro Framework\n- \u003cimg src=\"./asset/icon/typescript.svg\" width=\"24px\" align=\"center\" /\u003e `Typescript` - Extremely strict type checking\n  - \u003cimg src=\"./asset/icon/check.svg\" width=\"20px\" align=\"center\" /\u003e `Absolute imports` -  No more bad imports\n- \u003cimg src=\"./asset/icon/sass.svg\" width=\"24px\" align=\"center\" /\u003e `Sass` - Css framework for ui development\n  - \u003cimg src=\"./asset/icon/check.svg\" width=\"20px\" align=\"center\" /\u003e `BEMIT` - Arquitecture for sass\n  - \u003cimg src=\"./asset/icon/check.svg\" width=\"20px\" align=\"center\" /\u003e `Mobile firts` - Best performance for css\n  - \u003cimg src=\"./asset/icon/check.svg\" width=\"20px\" align=\"center\" /\u003e `Reset` - Reset css for match style between browsers\n  - \u003cimg src=\"./asset/icon/check.svg\" width=\"20px\" align=\"center\" /\u003e `Join media queries` - Join media queries for small file size\n  - \u003cimg src=\"./asset/icon/check.svg\" width=\"20px\" align=\"center\" /\u003e `Vendor prefixes` - Vendor prefixes for all support\n  - \u003cimg src=\"./asset/icon/check.svg\" width=\"20px\" align=\"center\" /\u003e `Remove unused css` - Remove unused css in build\n- \u003cimg src=\"./asset/icon/construction.svg\" width=\"24px\" align=\"center\" /\u003e `Clean arquitecture` - For clean code and scalablility\n- \u003cimg src=\"./asset/icon/world_full.svg\" width=\"24px\" align=\"center\" /\u003e `SEO` - SEO meta data, open graph and more\n  - \u003cimg src=\"./asset/icon/check.svg\" width=\"20px\" align=\"center\" /\u003e `Sitemap` - Sitemap generator\n  - \u003cimg src=\"./asset/icon/check.svg\" width=\"20px\" align=\"center\" /\u003e `RSS` - RSS generator\n  - \u003cimg src=\"./asset/icon/check.svg\" width=\"20px\" align=\"center\" /\u003e `Open graph` - Advanced open graph SEO\n  - \u003cimg src=\"./asset/icon/check.svg\" width=\"20px\" align=\"center\" /\u003e `Robot` - Robot txt configuration\n  - \u003cimg src=\"./asset/icon/check.svg\" width=\"20px\" align=\"center\" /\u003e `Canonical` - Auto canonical url\n  - \u003cimg src=\"./asset/icon/check.svg\" width=\"20px\" align=\"center\" /\u003e `Google search console` - For SEO stadistics\n  - \u003cimg src=\"./asset/icon/check.svg\" width=\"20px\" align=\"center\" /\u003e `Google analytic` - For analytics of the webpage\n- \u003cimg src=\"./asset/icon/language.svg\" width=\"24px\" align=\"center\" /\u003e `i18n` - Internationalization and translations\n- \u003cimg src=\"./asset/icon/rule.svg\" width=\"24px\" align=\"center\" /\u003e `Linter` - Linter and formatting all kind of files\n  - \u003cimg src=\"./asset/icon/check.svg\" width=\"20px\" align=\"center\" /\u003e `Eslint` - Litner and formatting ts and js files\n  - \u003cimg src=\"./asset/icon/check.svg\" width=\"20px\" align=\"center\" /\u003e `Stylelint` - Linter css files\n- \u003cimg src=\"./asset/icon/git.svg\" width=\"24px\" align=\"center\" /\u003e `Git` - Control version and more\n  - \u003cimg src=\"./asset/icon/check.svg\" width=\"20px\" align=\"center\" /\u003e `Github issue template` - Github issues organization\n  - \u003cimg src=\"./asset/icon/check.svg\" width=\"20px\" align=\"center\" /\u003e `Githooks` - Git hook for validate code quality\n  - \u003cimg src=\"./asset/icon/check.svg\" width=\"20px\" align=\"center\" /\u003e `Changelog` - Changelog and realese for github\n  - \u003cimg src=\"./asset/icon/check.svg\" width=\"20px\" align=\"center\" /\u003e `Sematic release` - Automatization of releases\n- \u003cimg src=\"./asset/icon/gear_full.svg\" width=\"24px\" align=\"center\" /\u003e `Configuration` - Vscode, env variables and more\n  - \u003cimg src=\"./asset/icon/check.svg\" width=\"20px\" align=\"center\" /\u003e `Vscode configuration` - Vscode recommendations, extensions and more\n  - \u003cimg src=\"./asset/icon/check.svg\" width=\"20px\" align=\"center\" /\u003e `Env validation` - Enviroment variables validation\n  - \u003cimg src=\"./asset/icon/check.svg\" width=\"20px\" align=\"center\" /\u003e `Htaccess snipets` - Differents htaccess for all kind of situations\n- \u003cimg src=\"./asset/icon/plugin.svg\" width=\"24px\" align=\"center\" /\u003e `Components`\n  - \u003cimg src=\"./asset/icon/check.svg\" width=\"20px\" align=\"center\" /\u003e `Image` - Ready to use optimize image component\n  - \u003cimg src=\"./asset/icon/check.svg\" width=\"20px\" align=\"center\" /\u003e `Show` - Ready to use conditional render component\n  - \u003cimg src=\"./asset/icon/check.svg\" width=\"20px\" align=\"center\" /\u003e `For` - Ready to use for map components\n  - \u003cimg src=\"./asset/icon/check.svg\" width=\"20px\" align=\"center\" /\u003e `Link` - Ready to use for redirect external and internal links\n- \u003cimg src=\"./asset/icon/thunder_full.svg\" width=\"24px\" align=\"center\" /\u003e `Performance`\n  - \u003cimg src=\"./asset/icon/check.svg\" width=\"20px\" align=\"center\" /\u003e `Web worker (partytown)` - For lazy-loaded large libraries\n  - \u003cimg src=\"./asset/icon/check.svg\" width=\"20px\" align=\"center\" /\u003e `Bundler analizer` - Analize your bundle size\n  - \u003cimg src=\"./asset/icon/check.svg\" width=\"20px\" align=\"center\" /\u003e `Compress` - Compress images, font, css, js, and html\n  - \u003cimg src=\"./asset/icon/check.svg\" width=\"20px\" align=\"center\" /\u003e `Non blocking` - Non blocking js, css and more\n  - \u003cimg src=\"./asset/icon/check.svg\" width=\"20px\" align=\"center\" /\u003e `Font optimization` - Font transformation and declaration\n- \u003cimg src=\"./asset/icon/bun.svg\" width=\"24px\" align=\"center\" /\u003e `Bun` - Fast package manager\n- \u003cimg src=\"./asset/icon/lighthouse.svg\" width=\"24px\" align=\"center\" /\u003e `Perfect lighthouse score` - Because performance matters\n\n\u003cp align=\"right\"\u003e\n  ( \u003ca href=\"#astro-template-webpage\"\u003e\n    \u003cimg src=\"./asset/icon/arrow_up.svg\" width=\"20px\" align=\"center\" /\u003e\n    Back to top\n  \u003c/a\u003e )\n\u003c/p\u003e\n\n---\n\n\u003ch2 id=\"requirements\"\u003e\n  \u003cimg src=\"./asset/icon/thunder.svg\" width=\"24px\" align=\"center\" /\u003e\n  Requirements\n\u003c/h2\u003e\n\n- \u003cimg src=\"./asset/icon/node.svg\" width=\"20px\" align=\"center\" /\u003e node \u003e= **20.10.0**\n- \u003cimg src=\"./asset/icon/git.svg\" width=\"20px\" align=\"center\" /\u003e git \u003e= **2.38**\n- \u003cimg src=\"./asset/icon/bun.svg\" width=\"20px\" align=\"center\" /\u003e bun \u003e= **1.1.0**\n- \u003cimg src=\"./asset/icon/aws.svg\" width=\"20px\" align=\"center\" /\u003e aws cli \u003e= **2.17.8**\n\n\u003cp align=\"right\"\u003e\n  ( \u003ca href=\"#astro-template-webpage\"\u003e\n    \u003cimg src=\"./asset/icon/arrow_up.svg\" width=\"20px\" align=\"center\" /\u003e\n    Back to top\n  \u003c/a\u003e )\n\u003c/p\u003e\n\n---\n\n\u003ch2 id=\"installation\"\u003e\n  \u003cimg src=\"./asset/icon/package.svg\" width=\"20px\" align=\"center\" /\u003e\n  Installation\n\u003c/h2\u003e\n\nAfter cloning the repo run this command to install all the dependencies.\n\n\u003ch3\u003e\u003cimg src=\"./asset/icon/bun.svg\" width=\"24px\" align=\"center\" /\u003e Bun\u003c/h3\u003e\n\n```bash\nbun i\n```\n\n\u003cp align=\"right\"\u003e\n  ( \u003ca href=\"#astro-template-webpage\"\u003e\n    \u003cimg src=\"./asset/icon/arrow_up.svg\" width=\"20px\" align=\"center\" /\u003e\n    Back to top\n  \u003c/a\u003e )\n\u003c/p\u003e\n\n---\n\n\u003ch2 id=\"configuration\"\u003e\n  \u003cimg src=\"./asset/icon/gear.svg\" width=\"24px\" align=\"center\" /\u003e\n  Configuration\n\u003c/h2\u003e\n\nThe configuration needed for this project is to set up the env variables and also the site configuration object here are the examples:\n\n\u003ch3 id=\"site-configuration\"\u003eSite configuration\u003c/h3\u003e\n\nThis file is located in `src/global/configuration/site_configuration.ts`\n\n- `siteName` - Global title of the webpage\n- `description` - Global description of the webpage\n- `autor` - Author object that appears in a meta tag\n  - `author.name` - Name of the author\n  - `author.email` - Email of the author\n  - `author.web` - Web of the author\n- `copyright` - Copyright of the owner of the website\n- `googleAnalyticId` - Id of the google analytics\n- `defaultLocale` - Default locale of the webpage\n- `languages` - Object with all the languages you want to support\n  - `example` - `languages: { en: 'English' }`\n\n\u003ch3 id=\"environment-varaible\"\u003eEvironment varaibles\u003c/h3\u003e\n\nThis environment variables are located in `src/global/env/**.env`\n\nfile: **.example.dev.env**\n\n```yml\nPORT=4321\nBASE_URL=http://localhost:$PORT\n```\n\nfile: **.example.prod.env**\n\n```yml\nBASE_URL=\n```\n\nfile: **.example.staging.env**\n\n```yml\nPORT=4321\nBASE_URL=http://localhost:$PORT\n```\n\n\u003ch3 id=\"i18n-configuration\"\u003ei18n configuration\u003c/h3\u003e\n\n1.- To start using i18n in this project you have to add the languages you want to support in the configuration file `src/global/configuration/site_configuration.ts`, here you will find an object with the key `languages`, also remenber to ser the default language to your preferences, you can set the languages like this:\n\n```ts\nconst siteConfiguration =\n{\n  defaultLanguage: 'en',\n  languages:\n  {\n    en: 'English',\n    es: 'Español'\n  }\n}\n```\n\n2.- Next you will create in the `src/pages` a directory called `[language]`, here you will duplicate and put all the pages of your project, this is an example:\n\n```\n- /pages\n  - /[language]\n    - about-us.astro\n    - index.astro\n  - 404.astro\n  - about-us.astro\n  - index.astro\n```\n\n3.- The pages inside this directory will need to add an aditionnal validation for know if the language is correct and it is listeng in the configuration, you can add tis like this\n\n`pages/[language]/index.astro`\n\n```ts\n---\nimport { getStaticLanguage } from '@global/util/language';\n\nexport const getStaticPaths = getStaticLanguage;\n---\n```\n\n4.- Next you will create the translation files, we recommend to use ts files instead of json but you can aslo use json files\n\n```ts\nconst aboutUsLocale =\n{\n  en:\n  {\n    welcome: 'Hello world',\n  },\n  es:\n  {\n    welcome: 'Hola mundo',\n  }\n};\n\nexport { aboutUsLocale };\n```\n\n\n5.- To end you will use this file and make the translation, use this inside you component page and not in the `pages/**` components\n\n```ts\n---\nimport { getI18n, getStaticLanguage, getLanguageFromUrl } from '@global/util/language';\nimport { aboutUsLocale } from '@module/landing/locale/about_us';\n\nconst language = getLanguageFromUrl(Astro.url);\nconst i18n = getI18n(language, aboutUsLocale);\n---\n\n\u003ch1\u003e{i18n.welcome}\u003c/h1\u003e\n```\n\n6.- Create the file `src/middleware.ts` and add the following code, this will redirect the default language urls to the base urls, and examples of this is, `/en/about-us` redirect to `/about-us`\n\n```ts\nimport { getLanguagePathname, validateDefaultLanguage } from '@global/util/language';\nimport { defineMiddleware } from 'astro/middleware';\n\nconst onRequest = defineMiddleware(async (context, next) =\u003e\n{\n  if(validateDefaultLanguage(context.url))\n  {\n    const pathname = getLanguagePathname(context.url);\n    const redirectCode = 302;\n\n    return Response.redirect(new URL(pathname, context.url), redirectCode);\n  }\n\n  return next();\n});\n\nexport { onRequest };\n```\n\nThat's all the configuration nedeed for i18n in this project.\n\n\u003cp align=\"right\"\u003e\n  ( \u003ca href=\"#astro-template-webpage\"\u003e\n    \u003cimg src=\"./asset/icon/arrow_up.svg\" width=\"20px\" align=\"center\" /\u003e\n    Back to top\n  \u003c/a\u003e )\n\u003c/p\u003e\n\n---\n\n\u003ch2 id=\"usage\"\u003e\n  \u003cimg src=\"./asset/icon/rocket.svg\" width=\"24px\" align=\"center\" /\u003e\n  Usage\n\u003c/h2\u003e\n\nBefore installing all the dependencies you can run the project with\n\n```bash\npnpm dev\n```\n\nTo see the production ready page you can run\n\n```bash\npnpm staging\n```\n\nBuilds the app for production to the `dist` folder.\n\nIt correctly bundles Solid in production mode and optimizes the build for the best performance.\n\nThe build is minified and the filenames include the hashes, also it compress all the assets and images in the dist folder.\n\nYour app is ready to be deployed.\n\n\u003cp align=\"right\"\u003e\n  ( \u003ca href=\"#astro-template-webpage\"\u003e\n    \u003cimg src=\"./asset/icon/arrow_up.svg\" width=\"20px\" align=\"center\" /\u003e\n    Back to top\n  \u003c/a\u003e )\n\u003c/p\u003e\n\n---\n\n\u003ch2 id=\"scripts\"\u003e\n  \u003cimg src=\"./asset/icon/terminal.svg\" width=\"24px\" align=\"center\" /\u003e\n  Scripts\n\u003c/h2\u003e\n\nThe following scripts are available in the `package.json`:\n\n- `preinstall`: This script is for only allow pnpm as package manager\n- `postinstall`: This script is for setting up the git hooks and validate the error after commit to github\n- `dev`: This script is for see the webpage in dev mode\n- `staging`: This script is for see production, this run the env variables an set the webpage with all the settings\n- `build-dev`: This script compile the project in dev mode\n- `build`: This script is for build in production\n- `lint`: This script is for format and lint all the files\n- `lint-eslint`: This script is for lint ts, tsx and more files\n- `lint-stylelint`: This script is for lint css files\n\n\u003cp align=\"right\"\u003e\n  ( \u003ca href=\"#astro-template-webpage\"\u003e\n    \u003cimg src=\"./asset/icon/arrow_up.svg\" width=\"20px\" align=\"center\" /\u003e\n    Back to top\n  \u003c/a\u003e )\n\u003c/p\u003e\n\n---\n\n\u003ch2 id=\"browser-support\"\u003e\n  \u003cimg src=\"./asset/icon/world.svg\" alt=\"World icon\" width=\"24px\" align=\"center\" /\u003e\n  Browser support\n\u003c/h2\u003e\n\nHere is the list of all the browser this website support\n\n\u003ctable align=\"center\" border\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cdiv \u003e\n        \u003cimg src=\"./asset/illustration/edge.svg\" alt=\"edge\" width=\"24\" /\u003e\n        \u003cbr /\u003e\n        \u003cstrong\u003eIE / Edge\u003c/strong\u003e\n      \u003c/div\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"./asset/illustration/firefox.svg\" alt=\"firefox\" width=\"24\" /\u003e\n      \u003cbr /\u003e\n      \u003cstrong\u003eFirefox\u003c/strong\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"./asset/illustration/safari.svg\" alt=\"safari\" width=\"24\" /\u003e\n      \u003cbr /\u003e\n      \u003cstrong\u003eSafari\u003c/strong\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"./asset/illustration/safari.svg\" alt=\"safari\" width=\"24\" /\u003e\n      \u003cbr /\u003e\n      \u003cstrong\u003eSafari IOS\u003c/strong\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"./asset/illustration/samsung_internet.svg\" alt=\"samsung internet\" width=\"24\" /\u003e\n      \u003cbr /\u003e\n      \u003cstrong\u003eSamsung\u003c/strong\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"./asset/illustration/opera.svg\" alt=\"opera\" width=\"24\" /\u003e\n      \u003cbr /\u003e\n      \u003cstrong\u003eOpera\u003c/strong\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"./asset/icon/check.svg\" width=\"20px\" align=\"center\" /\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"./asset/icon/check.svg\" width=\"20px\" align=\"center\" /\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"./asset/icon/check.svg\" width=\"20px\" align=\"center\" /\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"./asset/icon/check.svg\" width=\"20px\" align=\"center\" /\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"./asset/icon/check.svg\" width=\"20px\" align=\"center\" /\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"./asset/icon/check.svg\" width=\"20px\" align=\"center\" /\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003cp align=\"right\"\u003e\n  ( \u003ca href=\"#astro-template-webpage\"\u003e\n    \u003cimg src=\"./asset/icon/arrow_up.svg\" width=\"20px\" align=\"center\" /\u003e\n    Back to top\n  \u003c/a\u003e )\n\u003c/p\u003e\n\n---\n\n\u003cpre align=\"center\"\u003e\n  Copyright © All rights reserved,\n  developed by ElegantCoder and\n\u003c/pre\u003e\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"./asset/illustration/astralys_logo.svg\" width=\"120px\" align=\"center\" /\u003e\n\u003c/div\u003e\n\n\u003cimg src=\"./asset/illustration/wave_footer.svg\" alt=\"wave\" width=\"100%\" align=\"center\"/\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftheelegantcoding%2Fastro_template_webpage","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftheelegantcoding%2Fastro_template_webpage","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftheelegantcoding%2Fastro_template_webpage/lists"}