Create Content With Markdown
It's straightforward to integrate Markdown support into your theme to have the utmost convenience when creating content using Markdown syntax. This provides a more flexible and user-friendly content creation experience if you always prefer Markdown.
To enable content creation with Markdown in your theme, you'll generally need to incorporate a Markdown parser into it. Here are some general approaches to achieving this:
Get Start
Wrapper
Use this syntex for wrapp all content.
---
...content
---Create Object Formate
Use this syntex.
background_image:
enable: true
light_img: "/assets/imgs/hero/free/3-bg.png"
dark_img: "/assets/imgs/hero/free/3-bg-dark.png"Create Array Formate
Use this syntex.
items:
- "/assets/imgs/gallery/lawyer/media-01.jpg"
- "/assets/imgs/gallery/lawyer/media-02.jpg"
- "/assets/imgs/gallery/lawyer/media-03.jpg"Create Array of Object Formate
Use this syntex.
items:
- title: "Modelling"
image: "/assets/imgs/about/dancer/ex-1.jpg"
details: "I'm baby waistcoat distillery cray gastropub. Health goth whatever distillery. I'm baby waistcoat"
- title: "Content"
image: "/assets/imgs/about/dancer/ex-2.jpg"
details: "I'm baby waistcoat distillery cray gastropub. Health goth whatever distillery. I'm baby waistcoat"
- title: "Mentorship"
image: "/assets/imgs/about/dancer/ex-3.jpg"
details: "I'm baby waistcoat distillery cray gastropub. Health goth whatever distillery. I'm baby waistcoat"Create content
Use this syntex.
<Quote text="Comfortable full leather lining eye-catching unique detail to the toe low 'cut-away' sides clean and sleek harmony."
author="Ceyhan Özçivit"
/>
We love to bring designs to life as a developer, and I aim to do this using whatever front end tools aren't necessary.
my preferred tools are more moderns JavaScript libraries like React.js but I like use whatever best for the websites needs.
There are several reasons why a business would consider a rebrand and it doesn't necessarily mean the business has been unsuccessful.
But in order that you may see whence all this born error of those who accuse pleasure and praise pain will open the whole matter,
and explain the very things which were said by that discoverer of truth and, as it's were,
the architect of a happy life.
<div className="thumb mt-[34px] overflow-hidden w-full max-w-full">
<img src="/assets/imgs/blog/img-s-27.jpg" alt="thumb_1"/>
</div>
<ContentTitle title="Research & strategy"/>
Always ready to push the boundaries, especially when it comes to our own platform,
Our analytical eye create a site that was visually engaging and also optimised for maximum performance.
It also perfectly reflects the journey to help it tell a story to increase its understanding and drive action. To create a site that was visually engaging for maximum performance.
<div className="mt-[21px]">
<Service title="Brand Development"/>
<Service title="UX/UI Design"/>
<Service title="Front-end Development"/>
<Service title="Copywriting"/>
<Service title="Shopify Development"/>
</div>
<ContentTitle title="WorkFrame"/>
Just like other pseudo-elements and pseudo-class selectors, :not() can be chained with other pseudon classes and pseudo-elements.
For example, the following will add a “New!” word to list items that do not have a .old class name, using the ::after pseudo-element:
<div className="mt-[30px] lg:mt-[30px]">
<img src="/assets/imgs/blog/img-s-28.jpg" alt="code_snip" className="w-full"/>
</div>Example 1
---
draft: false
id: 1
title: "How to bring fold to your startup agency with Arolax"
image: "/assets/imgs/blog/img-s-9.jpg"
thumb_img: "/assets/imgs/blog/img-s-15.jpg"
tags:
- name: "Branding"
link: "/"
published_date: "16 Jan 2024"
likes: 25384
comments: 345
shares: 25
views: 465
meta:
meta_title: "How to bring fold to your startup agency with Arolax"
meta_description: "How to bring fold to your startup agency with Arolax description"
---
Example 2
---
draft: false
id: 3
title: "Brand Guidelines"
icon: "/assets/imgs/icon/icon-s-3-light.png"
image: "/assets/imgs/gallery/img-sd-89.png"
description: "We closely collaborate with our clients to understand the needs and goals of the key to design"
contactTitle: "Start your experience with Arolax"
btn_text: "Let's get in touch"
features:
- "API Development"
- "WordPress"
- "Cloud Migration"
- "Front End Development"
- "JavaScript"
- "Fluter Framework"
faq_title: "Product making for friendly users"
faqs:
- question: "Design should enrich our day"
answer: "We deploy world-class creative design, team on demand. that can design surest measure's of success is when a client partner with more than once build ship scale."
- question: "Bring their individual experience and creative"
answer: "We deploy world-class creative design, team on demand. that can design surest measure's of success is when a client partner with more than once build ship scale."
- question: "Human centred design to challenges"
answer: "We deploy world-class creative design, team on demand. that can design surest measure's of success is when a client partner with more than once build ship scale."
- question: "Design should enrich our day"
answer: "We deploy world-class creative design, team on demand. that can design surest measure's of success is when a client partner with more than once build ship scale."
- question: "Developing core web applications"
answer: "We deploy world-class creative design, team on demand. that can design surest measure's of success is when a client partner with more than once build ship scale."
meta:
meta_title: "Brand Guidelines"
meta_description: "Brand Guidelines description"
---
We're looking for a Junior - Mid-level Designer to join our team.
You'll support the execution of graphic and digital design projects, working closely with the internal team of creatives, project managers,
the Creative Director and development team to blend user needs and business goals into seamless, effective design experiences.
You will need to demonstrate a fundamental understanding of design principles, an openness to learn and take direction, along with a strong aesthetic design intuition.
Internal team of creatives, project managers, the Creative Director and development team to blend user needs and business goals into seamless, effective design experiences.
You will need to demonstrate a fundamental understanding of design principles
<div className="border-0 lg:border-t-[1px] mt-[66px]">
<div className="working-steps grid gap-y-[40px] gap-x-[30px] sm:grid-cols-2 lg:grid-cols-4 container2">
<WorkStep title="Planning and sketching" description="Modern and unique design practically point of view, it risks not meeting the huge expectations"/>
<WorkStep title="Team working" description="Modern and unique design practically point of view, it risks not meeting the huge expectations"/>
<WorkStep title="Flowchart and wireframe" description="Modern and unique design practically point of view, it risks not meeting the huge expectations"/>
<WorkStep title="User experience Testing" description="Modern and unique design practically point of view, it risks not meeting the huge expectations"/>
</div>
</div>
<div className="mt-[53px] grid gap-[10px] grid-cols-2 lg:gap-[30px] sm:grid-cols-3 container2">
<img src="/assets/imgs/gallery/img-s-89.jpg"/>
<img src="/assets/imgs/gallery/img-s-90.jpg"/>
<img src="/assets/imgs/gallery/img-s-91.jpg"/>
</div>
<div className="features-area container2 section-spacing-top">
## We replace unreliable wirefreme and expensive agencies for one of the best organized layer.
<FeatureContent
img = "/assets/imgs/gallery/img-s-92.jpg"
description1 = "Receive your design within a few business days, and be updated on the process. Everything you need for a digitally driven brand. Defined proposition. Conceptual realisation. Logo, type, look, feel, tone, movement, content - we've got it covered."
description2="Getting your brand message out there. We create dynamic campaign creative that engages audiences, wherever they are most talented. Bring your brand to life, communicate your value proposition with agile setup across creativity."
/>
</div>