Move response code, fix links and sidebar format

This commit is contained in:
Vincent (Wen Yu) Ge
2023-09-26 00:43:05 +00:00
parent 36d6926124
commit 249d89d7d0
7 changed files with 70 additions and 495 deletions

View File

@@ -28,6 +28,10 @@
label: 'Webhooks', label: 'Webhooks',
href: '/docs/advanced/platform/webhooks' href: '/docs/advanced/platform/webhooks'
}, },
{
label: 'Response codes',
href: '/docs/advanced/platform/response-codes',
}
] ]
}, },
{ {

View File

@@ -34,7 +34,7 @@ docker logs [CONTAINER-ID]
Appwrite uses conventional HTTP response codes to indicate the success or failure of an API request. In general: Codes in the 2xx range indicate success. Codes in the 4xx range indicate an error that failed given the information provided (e.g., a required parameter was omitted, invalid input, etc.). Codes in the 5xx range indicate an error with the Appwrite server, but these are rare. Appwrite uses conventional HTTP response codes to indicate the success or failure of an API request. In general: Codes in the 2xx range indicate success. Codes in the 4xx range indicate an error that failed given the information provided (e.g., a required parameter was omitted, invalid input, etc.). Codes in the 5xx range indicate an error with the Appwrite server, but these are rare.
[Learn more about Appwrite status codes {% icon icon="cheveron-right" /%}](/docs/references/response-codes) [Learn more about Appwrite status codes {% icon icon="cheveron-right" /%}](/docs/advanced/platform/response-codes)
## Development mode {% #development-mode%} ## Development mode {% #development-mode%}

View File

@@ -21,6 +21,31 @@
} }
] ]
}, },
{
label: 'Concepts',
items: [
{
label: 'Accounts',
href: '/docs/products/auth/accounts'
},
{
label: 'Users',
href: '/docs/products/auth/users'
},
{
label: 'Teams',
href: '/docs/products/auth/teams'
},
{
label: 'Labels',
href: '/docs/products/auth/labels'
},
{
label: 'Security',
href: '/docs/products/auth/security'
}
]
},
{ {
label: 'Journeys', label: 'Journeys',
items: [ items: [
@@ -50,31 +75,6 @@
}, },
] ]
}, },
{
label: 'Concepts',
items: [
{
label: 'Accounts',
href: '/docs/products/auth/accounts'
},
{
label: 'Users',
href: '/docs/products/auth/users'
},
{
label: 'Teams',
href: '/docs/products/auth/teams'
},
{
label: 'Labels',
href: '/docs/products/auth/labels'
},
{
label: 'Security',
href: '/docs/products/auth/security'
}
]
},
{ {
label: 'References', label: 'References',
items: [ items: [

View File

@@ -18,7 +18,7 @@
title: 'Web App', title: 'Web App',
quickStarts: [ quickStarts: [
{ {
title: 'Next.js', title: 'React.js',
icon: 'icon-next_js', icon: 'icon-next_js',
image: '/images/blog/placeholder.png', image: '/images/blog/placeholder.png',
href: 'nextjs' href: 'nextjs'
@@ -35,24 +35,6 @@
image: '/images/blog/placeholder.png', image: '/images/blog/placeholder.png',
href: 'sveltekit' href: 'sveltekit'
}, },
{
title: 'Nuxt',
icon: 'icon-nuxt_js',
image: '/images/blog/placeholder.png',
href: 'nuxt'
},
{
title: 'Angular',
icon: 'icon-angular',
image: '/images/blog/placeholder.png',
href: 'angular'
},
{
title: 'Astro',
icon: 'icon-astro',
image: '/images/blog/placeholder.png',
href: 'astro'
}
] ]
}, },
{ {
@@ -74,7 +56,32 @@
}, },
{ {
title: 'Server', title: 'Server',
quickStarts: [] quickStarts: [
{
title: 'Node.js',
icon: 'icon-node',
image: '/images/blog/placeholder.png',
href: 'node'
},
{
title: 'Python',
icon: 'icon-python',
image: '/images/blog/placeholder.png',
href: 'python'
},
{
title: '.NET',
icon: 'icon-dotnet',
image: '/images/blog/placeholder.png',
href: 'dotnet'
},
{
title: 'Dart',
icon: 'icon-dart',
image: '/images/blog/placeholder.png',
href: 'dart'
}
]
} }
]; ];
</script> </script>

View File

@@ -70,7 +70,7 @@
items: [ items: [
{ {
label: 'Response codes', label: 'Response codes',
href: '/docs/references/response-codes', href: '/docs/advanced/platform/response-codes',
} }
] ]
}, },

View File

@@ -19,8 +19,8 @@
<li class="is-mobile-col-span-2"> <li class="is-mobile-col-span-2">
<article class="aw-card is-full-color"> <article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4"> <header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" /> <span class="icon-react aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4> <h4 class="aw-sub-body-500 aw-u-color-text-primary">React</h4>
</header> </header>
<p class="aw-sub-body-400 u-margin-block-start-4"> <p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur. Lorem ipsum dolor sit amet consectetur.
@@ -30,8 +30,8 @@
<li class="is-mobile-col-span-2"> <li class="is-mobile-col-span-2">
<article class="aw-card is-full-color"> <article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4"> <header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" /> <span class="icon-vue aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4> <h4 class="aw-sub-body-500 aw-u-color-text-primary">Vue</h4>
</header> </header>
<p class="aw-sub-body-400 u-margin-block-start-4"> <p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur. Lorem ipsum dolor sit amet consectetur.
@@ -41,8 +41,8 @@
<li class="is-mobile-col-span-2"> <li class="is-mobile-col-span-2">
<article class="aw-card is-full-color"> <article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4"> <header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" /> <span class="icon-svelte aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4> <h4 class="aw-sub-body-500 aw-u-color-text-primary">SvelteKit</h4>
</header> </header>
<p class="aw-sub-body-400 u-margin-block-start-4"> <p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur. Lorem ipsum dolor sit amet consectetur.
@@ -52,56 +52,8 @@
<li class="is-mobile-col-span-2"> <li class="is-mobile-col-span-2">
<article class="aw-card is-full-color"> <article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4"> <header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" /> <span class="icon-flutter aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4> <h4 class="aw-sub-body-500 aw-u-color-text-primary">Flutter</h4>
</header>
<p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur.
</p>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
</ul>
</section>
<section class="u-flex-vertical u-gap-24">
<h2 class="aw-eyebrow">Server</h2>
<ul class="aw-grid-row-4 aw-grid-row-4-mobile-2">
<li class="is-mobile-col-span-2">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header> </header>
<p class="aw-sub-body-400 u-margin-block-start-4"> <p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur. Lorem ipsum dolor sit amet consectetur.
@@ -111,8 +63,8 @@
<li class="is-mobile-col-span-2"> <li class="is-mobile-col-span-2">
<article class="aw-card is-full-color"> <article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4"> <header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" /> <span class="icon-apple aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4> <h4 class="aw-sub-body-500 aw-u-color-text-primary">Apple</h4>
</header> </header>
<p class="aw-sub-body-400 u-margin-block-start-4"> <p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur. Lorem ipsum dolor sit amet consectetur.
@@ -122,402 +74,14 @@
<li class="is-mobile-col-span-2"> <li class="is-mobile-col-span-2">
<article class="aw-card is-full-color"> <article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4"> <header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" /> <span class="icon-android aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4> <h4 class="aw-sub-body-500 aw-u-color-text-primary">Android</h4>
</header> </header>
<p class="aw-sub-body-400 u-margin-block-start-4"> <p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur. Lorem ipsum dolor sit amet consectetur.
</p> </p>
</article> </article>
</li> </li>
<li class="is-mobile-col-span-2">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
<p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur.
</p>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
</ul>
</section>
</div>
<header class="aw-article-header">
<div class="aw-article-header-start u-flex-vertical aw-u-cross-start">
<div class="u-position-relative u-flex u-cross-center">
<h1 class="aw-title">Authentication</h1>
</div>
</div>
<div class="aw-article-header-end" />
</header>
<div class="aw-article-content aw-u-gap-80">
<section class="u-flex-vertical u-gap-24">
<h2 class="aw-eyebrow">Client</h2>
<ul class="aw-grid-row-4 aw-grid-row-4-mobile-2">
<li class="is-mobile-col-span-2">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
<p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur.
</p>
</article>
</li>
<li class="is-mobile-col-span-2">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
<p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur.
</p>
</article>
</li>
<li class="is-mobile-col-span-2">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
<p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur.
</p>
</article>
</li>
<li class="is-mobile-col-span-2">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
<p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur.
</p>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
</ul>
</section>
<section class="u-flex-vertical u-gap-24">
<h2 class="aw-eyebrow">Server</h2>
<ul class="aw-grid-row-4 aw-grid-row-4-mobile-2">
<li class="is-mobile-col-span-2">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
<p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur.
</p>
</article>
</li>
<li class="is-mobile-col-span-2">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
<p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur.
</p>
</article>
</li>
<li class="is-mobile-col-span-2">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
<p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur.
</p>
</article>
</li>
<li class="is-mobile-col-span-2">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
<p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur.
</p>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
</ul>
</section>
</div>
<header class="aw-article-header">
<div class="aw-article-header-start u-flex-vertical aw-u-cross-start">
<div class="u-position-relative u-flex u-cross-center">
<h1 class="aw-title">Databases</h1>
</div>
</div>
<div class="aw-article-header-end" />
</header>
<div class="aw-article-content aw-u-gap-80">
<section class="u-flex-vertical u-gap-24">
<h2 class="aw-eyebrow">Client</h2>
<ul class="aw-grid-row-4 aw-grid-row-4-mobile-2">
<li class="is-mobile-col-span-2">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
<p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur.
</p>
</article>
</li>
<li class="is-mobile-col-span-2">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
<p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur.
</p>
</article>
</li>
<li class="is-mobile-col-span-2">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
<p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur.
</p>
</article>
</li>
<li class="is-mobile-col-span-2">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
<p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur.
</p>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
</ul>
</section>
<section class="u-flex-vertical u-gap-24">
<h2 class="aw-eyebrow">Server</h2>
<ul class="aw-grid-row-4 aw-grid-row-4-mobile-2">
<li class="is-mobile-col-span-2">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
<p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur.
</p>
</article>
</li>
<li class="is-mobile-col-span-2">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
<p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur.
</p>
</article>
</li>
<li class="is-mobile-col-span-2">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
<p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur.
</p>
</article>
</li>
<li class="is-mobile-col-span-2">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
<p class="aw-sub-body-400 u-margin-block-start-4">
Lorem ipsum dolor sit amet consectetur.
</p>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
<li class="">
<article class="aw-card is-full-color">
<header class="u-flex u-cross-baseline u-gap-4">
<span class="icon-node_js aw-u-font-size-24" aria-hidden="true" />
<h4 class="aw-sub-body-500 aw-u-color-text-primary">Node.js</h4>
</header>
</article>
</li>
</ul> </ul>
</section> </section>
</div> </div>