GITBOOK-363: docs: move examples up for meta's llamas

Author: techpro-aimlapi

docs/api-references/text-models-llm/Meta/Llama-3-chat-hf.md

@@ -1,11 +1,6 @@
 # Llama-3-chat-hf
 
-{% hint style="info" %}
-This documentation is valid for the following list of our models:
-
-* `meta-llama/Llama-3-70b-chat-hf`
-* `meta-llama/Llama-3-8b-chat-hf`
-{% endhint %}
+<table data-header-hidden data-full-width="true"><thead><tr><th width="546.4443969726562" valign="top"></th><th width="202.666748046875" valign="top"></th></tr></thead><tbody><tr><td valign="top"><div data-gb-custom-block data-tag="hint" data-style="info" class="hint hint-info"><p>This documentation is valid for the following list of our models:</p><ul><li><code>meta-llama/Llama-3-70b-chat-hf</code></li><li><code>meta-llama/Llama-3-8b-chat-hf</code></li></ul></div></td><td valign="top"><a href="https://aimlapi.com/app/?model=meta-llama/Llama-3-70b-chat-hf&#x26;mode=chat" class="button primary">Try in Playground</a></td></tr></tbody></table>
 
 ## Model Overview
 
@@ -26,7 +21,7 @@ You can also view [a detailed comparison of this model](https://aimlapi.com/comp
 
 ### &#x20;:digit\_two:  Copy the code example
 
-At the bottom of this page, you'll find [a code example](Llama-3-chat-hf.md#code-example) that shows how to structure the request. Choose the code snippet in your preferred programming language and copy it into your development environment.
+Below, you'll find [a code example](Llama-3-chat-hf.md#code-example) that shows how to structure the request. Choose the code snippet in your preferred programming language and copy it into your development environment.
 
 ### :digit\_three:  Modify the code example
 
@@ -47,14 +42,10 @@ If you need a more detailed walkthrough for setting up your development environm
 
 </details>
 
-## API Schema
-
-{% openapi-operation spec="llama-3-chat-h-f" path="/v1/chat/completions" method="post" %}
-[OpenAPI llama-3-chat-h-f](https://raw.githubusercontent.com/aimlapi/api-docs/refs/heads/main/docs/api-references/text-models-llm/Meta/Llama-3-chat-hf.json)
-{% endopenapi-operation %}
-
 ## Code Example
 
+{% tabs %}
+{% tab title="Python" %}
 {% code overflow="wrap" %}
 ```python
 import requests
@@ -85,6 +76,8 @@ data = response.json()
 print(data)
 ```
 {% endcode %}
+{% endtab %}
+{% endtabs %}
 
 <details>
 
@@ -97,3 +90,9 @@ print(data)
 {% endcode %}
 
 </details>
+
+## API Schema
+
+{% openapi-operation spec="llama-3-chat-h-f" path="/v1/chat/completions" method="post" %}
+[OpenAPI llama-3-chat-h-f](https://raw.githubusercontent.com/aimlapi/api-docs/refs/heads/main/docs/api-references/text-models-llm/Meta/Llama-3-chat-hf.json)
+{% endopenapi-operation %}

docs/api-references/text-models-llm/Meta/Llama-3.2-11B-Vision-Instruct-Turbo.md

@@ -1,10 +1,6 @@
 # Llama-3.2-11B-Vision-Instruct-Turbo
 
-{% hint style="info" %}
-This documentation is valid for the following list of our models:
-
-* `meta-llama/Llama-3.2-11B-Vision-Instruct-Turbo`
-{% endhint %}
+<table data-header-hidden data-full-width="true"><thead><tr><th width="546.4443969726562" valign="top"></th><th width="202.666748046875" valign="top"></th></tr></thead><tbody><tr><td valign="top"><div data-gb-custom-block data-tag="hint" data-style="info" class="hint hint-info"><p>This documentation is valid for the following list of our models:</p><ul><li><code>meta-llama/Llama-3.2-11B-Vision-Instruct-Turbo</code></li></ul></div></td><td valign="top"><a href="https://aimlapi.com/app/?model=meta-llama/Llama-3.2-11B-Vision-Instruct-Turbo&#x26;mode=chat" class="button primary">Try in Playground</a></td></tr></tbody></table>
 
 ## Model Overview
 
@@ -23,7 +19,7 @@ A pretrained, instruction-tuned image reasoning model that takes text and images
 
 ### &#x20;:digit\_two:  Copy the code example
 
-At the bottom of this page, you'll find [a code example](Llama-3.2-11B-Vision-Instruct-Turbo.md#code-example) that shows how to structure the request. Choose the code snippet in your preferred programming language and copy it into your development environment.
+Below, you'll find [a code example](Llama-3.2-11B-Vision-Instruct-Turbo.md#code-example) that shows how to structure the request. Choose the code snippet in your preferred programming language and copy it into your development environment.
 
 ### :digit\_three:  Modify the code example
 
@@ -44,14 +40,10 @@ If you need a more detailed walkthrough for setting up your development environm
 
 </details>
 
-## API Schema
-
-{% openapi-operation spec="llama-3-2-11b-vision-instruct-turbo" path="/v1/chat/completions" method="post" %}
-[OpenAPI llama-3-2-11b-vision-instruct-turbo](https://raw.githubusercontent.com/aimlapi/api-docs/refs/heads/main/docs/api-references/text-models-llm/Meta/Llama-3.2-11B-Vision-Instruct-Turbo.json)
-{% endopenapi-operation %}
-
 ## Code Example
 
+{% tabs %}
+{% tab title="Python" %}
 {% code overflow="wrap" %}
 ```python
 import requests
@@ -82,6 +74,8 @@ data = response.json()
 print(data)
 ```
 {% endcode %}
+{% endtab %}
+{% endtabs %}
 
 <details>
 
@@ -94,3 +88,9 @@ print(data)
 {% endcode %}
 
 </details>
+
+## API Schema
+
+{% openapi-operation spec="llama-3-2-11b-vision-instruct-turbo" path="/v1/chat/completions" method="post" %}
+[OpenAPI llama-3-2-11b-vision-instruct-turbo](https://raw.githubusercontent.com/aimlapi/api-docs/refs/heads/main/docs/api-references/text-models-llm/Meta/Llama-3.2-11B-Vision-Instruct-Turbo.json)
+{% endopenapi-operation %}

docs/api-references/text-models-llm/Meta/Llama-3.2-3B-Instruct-Turbo.md

@@ -1,10 +1,6 @@
 # Llama-3.2-3B-Instruct-Turbo
 
-{% hint style="info" %}
-This documentation is valid for the following list of our models:
-
-* `meta-llama/Llama-3.2-3B-Instruct-Turbo`
-{% endhint %}
+<table data-header-hidden data-full-width="true"><thead><tr><th width="546.4443969726562" valign="top"></th><th width="202.666748046875" valign="top"></th></tr></thead><tbody><tr><td valign="top"><div data-gb-custom-block data-tag="hint" data-style="info" class="hint hint-info"><p>This documentation is valid for the following list of our models:</p><ul><li><code>meta-llama/Llama-3.2-3B-Instruct-Turbo</code></li></ul></div></td><td valign="top"><a href="https://aimlapi.com/app/?model=meta-llama/Llama-3.2-3B-Instruct-Turbo&#x26;mode=chat" class="button primary">Try in Playground</a></td></tr></tbody></table>
 
 ## Model Overview
 
@@ -23,7 +19,7 @@ A large language model (LLM) optimized for instruction-following tasks, striking
 
 ### &#x20;:digit\_two:  Copy the code example
 
-At the bottom of this page, you'll find [a code example](Llama-3.2-3B-Instruct-Turbo.md#code-example) that shows how to structure the request. Choose the code snippet in your preferred programming language and copy it into your development environment.
+Below, you'll find [a code example](Llama-3.2-3B-Instruct-Turbo.md#code-example) that shows how to structure the request. Choose the code snippet in your preferred programming language and copy it into your development environment.
 
 ### :digit\_three:  Modify the code example
 
@@ -44,14 +40,10 @@ If you need a more detailed walkthrough for setting up your development environm
 
 </details>
 
-## API Schema
-
-{% openapi-operation spec="llama-3-2-3b-instruct-turbo" path="/v1/chat/completions" method="post" %}
-[OpenAPI llama-3-2-3b-instruct-turbo](https://raw.githubusercontent.com/aimlapi/api-docs/refs/heads/main/docs/api-references/text-models-llm/Meta/Llama-3.2-3B-Instruct-Turbo.json)
-{% endopenapi-operation %}
-
 ## Code Example
 
+{% tabs %}
+{% tab title="Python" %}
 {% code overflow="wrap" %}
 ```python
 import requests
@@ -82,6 +74,8 @@ data = response.json()
 print(data)
 ```
 {% endcode %}
+{% endtab %}
+{% endtabs %}
 
 <details>
 
@@ -94,3 +88,9 @@ print(data)
 {% endcode %}
 
 </details>
+
+## API Schema
+
+{% openapi-operation spec="llama-3-2-3b-instruct-turbo" path="/v1/chat/completions" method="post" %}
+[OpenAPI llama-3-2-3b-instruct-turbo](https://raw.githubusercontent.com/aimlapi/api-docs/refs/heads/main/docs/api-references/text-models-llm/Meta/Llama-3.2-3B-Instruct-Turbo.json)
+{% endopenapi-operation %}

docs/api-references/text-models-llm/Meta/Llama-3.2-90B-Vision-Instruct-Turbo.md

@@ -1,10 +1,6 @@
 # Llama-3.2-90B-Vision-Instruct-Turbo
 
-{% hint style="info" %}
-This documentation is valid for the following list of our models:
-
-* `meta-llama/Llama-3.2-90B-Vision-Instruct-Turbo`
-{% endhint %}
+<table data-header-hidden data-full-width="true"><thead><tr><th width="546.4443969726562" valign="top"></th><th width="202.666748046875" valign="top"></th></tr></thead><tbody><tr><td valign="top"><div data-gb-custom-block data-tag="hint" data-style="info" class="hint hint-info"><p>This documentation is valid for the following list of our models:</p><ul><li><code>meta-llama/Llama-3.2-90B-Vision-Instruct-Turbo</code></li></ul></div></td><td valign="top"><a href="https://aimlapi.com/app/?model=meta-llama/Llama-3.2-90B-Vision-Instruct-Turbo&#x26;mode=chat" class="button primary">Try in Playground</a></td></tr></tbody></table>
 
 ## Model Overview
 
@@ -23,7 +19,7 @@ A pretrained, instruction-tuned image reasoning model that takes text and images
 
 ### &#x20;:digit\_two:  Copy the code example
 
-At the bottom of this page, you'll find [a code example](Llama-3.2-90B-Vision-Instruct-Turbo.md#code-example) that shows how to structure the request. Choose the code snippet in your preferred programming language and copy it into your development environment.
+Below, you'll find [a code example](Llama-3.2-90B-Vision-Instruct-Turbo.md#code-example) that shows how to structure the request. Choose the code snippet in your preferred programming language and copy it into your development environment.
 
 ### :digit\_three:  Modify the code example
 
@@ -44,14 +40,10 @@ If you need a more detailed walkthrough for setting up your development environm
 
 </details>
 
-## API Schema
-
-{% openapi-operation spec="llama-3-2-90b-vision-instruct-turbo" path="/v1/chat/completions" method="post" %}
-[OpenAPI llama-3-2-90b-vision-instruct-turbo](https://raw.githubusercontent.com/aimlapi/api-docs/refs/heads/main/docs/api-references/text-models-llm/Meta/Llama-3.2-90B-Vision-Instruct-Turbo.json)
-{% endopenapi-operation %}
-
 ## Code Example
 
+{% tabs %}
+{% tab title="Python" %}
 {% code overflow="wrap" %}
 ```python
 import requests
@@ -82,6 +74,8 @@ data = response.json()
 print(data)
 ```
 {% endcode %}
+{% endtab %}
+{% endtabs %}
 
 <details>
 
@@ -94,3 +88,9 @@ print(data)
 {% endcode %}
 
 </details>
+
+## API Schema
+
+{% openapi-operation spec="llama-3-2-90b-vision-instruct-turbo" path="/v1/chat/completions" method="post" %}
+[OpenAPI llama-3-2-90b-vision-instruct-turbo](https://raw.githubusercontent.com/aimlapi/api-docs/refs/heads/main/docs/api-references/text-models-llm/Meta/Llama-3.2-90B-Vision-Instruct-Turbo.json)
+{% endopenapi-operation %}

docs/api-references/text-models-llm/Meta/Llama-3.3-70B-Instruct-Turbo.md

@@ -1,10 +1,6 @@
 # Llama-3.3-70B-Instruct-Turbo
 
-{% hint style="info" %}
-This documentation is valid for the following list of our models:
-
-* `meta-llama/Llama-3.3-70B-Instruct-Turbo`
-{% endhint %}
+<table data-header-hidden data-full-width="true"><thead><tr><th width="546.4443969726562" valign="top"></th><th width="202.666748046875" valign="top"></th></tr></thead><tbody><tr><td valign="top"><div data-gb-custom-block data-tag="hint" data-style="info" class="hint hint-info"><p>This documentation is valid for the following list of our models:</p><ul><li><code>meta-llama/Llama-3.3-70B-Instruct-Turbo</code></li></ul></div></td><td valign="top"><a href="https://aimlapi.com/app/?model=meta-llama/Llama-3.3-70B-Instruct-Turbo&#x26;mode=chat" class="button primary">Try in Playground</a></td></tr></tbody></table>
 
 ## Model Overview
 
@@ -23,7 +19,7 @@ An optimized language model designed for efficient text generation with advanced
 
 ### &#x20;:digit\_two:  Copy the code example
 
-At the bottom of this page, you'll find [a code example](Llama-3.3-70B-Instruct-Turbo.md#code-example) that shows how to structure the request. Choose the code snippet in your preferred programming language and copy it into your development environment.
+Below, you'll find [a code example](Llama-3.3-70B-Instruct-Turbo.md#code-example) that shows how to structure the request. Choose the code snippet in your preferred programming language and copy it into your development environment.
 
 ### :digit\_three:  Modify the code example
 
@@ -44,14 +40,10 @@ If you need a more detailed walkthrough for setting up your development environm
 
 </details>
 
-## API Schema
-
-{% openapi-operation spec="llama-3-3-70b-instruct-turbo" path="/v1/chat/completions" method="post" %}
-[OpenAPI llama-3-3-70b-instruct-turbo](https://raw.githubusercontent.com/aimlapi/api-docs/refs/heads/main/docs/api-references/text-models-llm/Meta/Llama-3.3-70B-Instruct-Turbo.json)
-{% endopenapi-operation %}
-
 ## Code Example
 
+{% tabs %}
+{% tab title="Python" %}
 {% code overflow="wrap" %}
 ```python
 import requests
@@ -82,6 +74,8 @@ data = response.json()
 print(data)
 ```
 {% endcode %}
+{% endtab %}
+{% endtabs %}
 
 <details>
 
@@ -94,3 +88,9 @@ print(data)
 {% endcode %}
 
 </details>
+
+## API Schema
+
+{% openapi-operation spec="llama-3-3-70b-instruct-turbo" path="/v1/chat/completions" method="post" %}
+[OpenAPI llama-3-3-70b-instruct-turbo](https://raw.githubusercontent.com/aimlapi/api-docs/refs/heads/main/docs/api-references/text-models-llm/Meta/Llama-3.3-70B-Instruct-Turbo.json)
+{% endopenapi-operation %}

docs/api-references/text-models-llm/Meta/Llama-Vision-Free.md

@@ -1,10 +1,6 @@
 # Llama-Vision-Free
 
-{% hint style="info" %}
-This documentation is valid for the following list of our models:
-
-* `meta-llama/Llama-Vision-Free`
-{% endhint %}
+<table data-header-hidden data-full-width="true"><thead><tr><th width="546.4443969726562" valign="top"></th><th width="202.666748046875" valign="top"></th></tr></thead><tbody><tr><td valign="top"><div data-gb-custom-block data-tag="hint" data-style="info" class="hint hint-info"><p>This documentation is valid for the following list of our models:</p><ul><li><code>meta-llama/Llama-Vision-Free</code></li></ul></div></td><td valign="top"><a href="https://aimlapi.com/app/?model=meta-llama/Llama-Vision-Free&#x26;mode=chat" class="button primary">Try in Playground</a></td></tr></tbody></table>
 
 ## Model Overview
 
@@ -23,7 +19,7 @@ A pretrained, instruction-tuned image reasoning model that takes text and images
 
 ### &#x20;:digit\_two:  Copy the code example
 
-At the bottom of this page, you'll find [a code example](Llama-Vision-Free.md#code-example) that shows how to structure the request. Choose the code snippet in your preferred programming language and copy it into your development environment.
+Below, you'll find [a code example](Llama-Vision-Free.md#code-example) that shows how to structure the request. Choose the code snippet in your preferred programming language and copy it into your development environment.
 
 ### :digit\_three:  Modify the code example
 
@@ -44,14 +40,10 @@ If you need a more detailed walkthrough for setting up your development environm
 
 </details>
 
-## API Schema
-
-{% openapi-operation spec="llama-vision-free" path="/v1/chat/completions" method="post" %}
-[OpenAPI llama-vision-free](https://raw.githubusercontent.com/aimlapi/api-docs/refs/heads/main/docs/api-references/text-models-llm/Meta/Llama-Vision-Free.json)
-{% endopenapi-operation %}
-
 ## Code Example
 
+{% tabs %}
+{% tab title="Python" %}
 {% code overflow="wrap" %}
 ```python
 import requests
@@ -82,6 +74,8 @@ data = response.json()
 print(data)
 ```
 {% endcode %}
+{% endtab %}
+{% endtabs %}
 
 <details>
 
@@ -94,3 +88,9 @@ print(data)
 {% endcode %}
 
 </details>
+
+## API Schema
+
+{% openapi-operation spec="llama-vision-free" path="/v1/chat/completions" method="post" %}
+[OpenAPI llama-vision-free](https://raw.githubusercontent.com/aimlapi/api-docs/refs/heads/main/docs/api-references/text-models-llm/Meta/Llama-Vision-Free.json)
+{% endopenapi-operation %}