Publish the Markdown you love with the elegance and impact it deserves.

Example Template : Standard Page

Code mode
Preview mode

:: header{theme="primary-theme" mode="mode-simple" sub_title="" button_link="" button_text="Super Markdown" cover="" title="Title of Document" description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." box_type="container-full"} :: header

_______

:: content{theme="primary-theme" mode="mode-simple" font="sans-serif-font-global" box_type="container-full"}
 # Title of section

 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

 ## Sub title of section

 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
:: content
_______

:: title{version="mode-classic" theme="primary-theme" font="sans-serif-font-global" title="Title of Cards" box_type="container-full"} :: title
_______

:: layout{layout="grid-layout-3" font="sans-serif-font-global" box_type="container-full"}
 :- container{theme=""}
  :: card{theme="blue-theme" mode="mode-card" button_link="" cover="" stats="" icon="folder" title="Folder card" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,"} :: card
 :- container
 :- container{theme=""}
  :: card{theme="orange-theme" mode="mode-card" button_link="" cover="" stats="" icon="theme" title="Theme card" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,"} :: card
 :- container
 :- container{theme=""}
  :: card{theme="green-theme" mode="mode-card" button_link="" cover="" stats="" icon="network" title="Network card" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,"} :: card
 :- container
:: layout

---

:: layout{layout="grid-layout-2" box_type="container-full" font="sans-serif-font-global"}
 :- container{theme=""}
_______
_______
_______
_______

 ## New section
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 :- container
 :- container{theme=""}
:: list{theme="primary-theme" mode="mode-simple" font="sans-serif-font-global" title="" box_type="container-full"}
 :- item{name="Enter your Item title here" text="Enter your Item text here"} :- item
 :- item{name="Enter your Item title here" text="Enter your Item text here"} :- item
 :- item{name="Enter your Item title here" text="Enter your Item text here"} :- item
:: list
 :- container
:: layout

:: title{version="mode-classic" theme="primary-theme" font="sans-serif-font-global" title="Title of Table" box_type="container-full"} :: title
_______

:: table{theme="primary-theme" columns="columns here_01||columns name here_02||columns name here_03" box_type="container-full"}
 :- row{content="content rows content_01||content rows content_02||content rows content_03"} :- row
 :- row{content="content rows content_01||content rows content_02||content rows content_03"} :- row
 :- row{content="content rows content_01||content rows content_02||content rows content_03"} :- row
:: table

:: title{version="mode-classic" theme="primary-theme" font="sans-serif-font-global" title="Title of content" box_type="container-full"} :: title
_______

:: content{theme="primary-theme" mode="mode-simple" font="sans-serif-font-global" box_type="container-full"}
 # Title of section

 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.


 ## Sub title of section


 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
:: content
_________

:: banner{theme="primary-theme" mode="mode-simple" cover="" sub_title="" title="Footer of document" description="" button_link="https://super-markdown.com.com" button_text="Super Markdown" box_type="container-full"} :: banner

Example Template : Report Document

Code mode
Preview mode

:: header{theme="purple-theme" mode="mode-text" font="sans-serif-font-global" align="align-center" box_type="container-view" sub_title="Welcome" button_link="#" button_text="Download the PDF" cover="" title="Title of Report" description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."} :: header

_______

:: layout{layout="grid-layout-3" box_type="container-full"}
 :- container{theme=""}
  :: card{theme="indigo-theme" mode="mode-kpi" font="sans-serif-font-global" align="left-align"  stats="15%" icon="network" title="Conversion rate" text="Up from month" rate_number="4.3" rate_state="up"} :: card
 :- container
 :- container{theme=""}
  :: card{theme="strawberry-theme" mode="mode-kpi" font="sans-serif-font-global" align="left-align"  stats="28%" icon="folder" title="Conversion rate" text="Up from month" rate_number="2.6" rate_state="up"} :: card
 :- container
 :- container{theme=""}
  :: card{theme="blue-theme" mode="mode-kpi" font="sans-serif-font-global" align="left-align"  stats="3.6%" icon="theme" title="Conversion rate" text="Down from month" rate_number="-0.3" rate_state="down"} :: card
 :- container
:: layout

_______


:: layout{layout="layout-main-side-inverse" font="sans-serif-font-global" box_type="container-full"}
 :- container{theme=""}
 __________

  ## Latest performance measures
   _______

  This list presents the metrics that have been measured in the last 3 months
 :- container
 :- container{theme=""}
  :: list{theme="indigo-theme" mode="mode-simple" font="sans-serif-font-global" box_type="container-view" title=""}
 :- item{name="Traffic Analysis" text="We tracked the various metrics related to traffic to our application to get a clear idea of usage performance."} :- item
 :- item{name="Budget Allowed" text="We created a dashboard that tracks the different budgets allocated to the various campaigns published"} :- item
 :- item{name="Revenue and Sales" text="This section will present the cumulative revenue figures across multiple distribution channels."} :- item
:: list
 :- container
:: layout

 __________

:: layout{layout="layout-main-side" font="sans-serif-font-global" box_type="container-full"}

 :- container{theme=""}
  :: chart{title="Traffic Chart" type="line" font="serif-font-heading" box_type="container-full" names="Traffic in 1M||Views in 1M" x_axis="January||Febrary||Mars||April||May||June||July||August||September||October||November||December" y_axis="[12,20,36,69,12,52,45,32,66,47,28,96]||[65,22,51,55,12,20,29,45,56,43,38,11]"} :: chart
 :- container
 
  :- container{theme=""}
 __________

  ## Latest traffic Analysis

  This graph presents the latest traffic performance recorded during 3 months of use within the application.
 :- container
:: layout

 _______

:: title{version="mode-centered" theme="indigo-theme" font="sans-serif-font-heading" align="align-center" box_type="container-full" title="Title of Tabs"} :: title
 _______

:: tabs{layout="horizontal-version" theme="indigo-theme" mode="mode-classic" font="sans-serif-font-global" align="left-align" box_type="container-full" titles="On ligne campaigns||Cold Campaigns||Direct Campaigns"}
 :- tab{theme="primary-theme"}
  ### On ligne campaigns ads
  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

  :: image{image="/static/images/chart.png" legend="Legend of image"} :: image
  

  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt

 :- tab
 :- tab{theme="primary-theme"}
  ### Cold Campaigns emails
  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

  :: image{image="/static/images/capture-template-preview.jpg" legend="Legend of image"} :: image

 :- tab
 :- tab{theme="primary-theme"}
  ### Direct Campaigns by phone
  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

  :: image{image="/static/images/chart-image.png" legend="Legend of image"} :: image
 :- tab
:: tabs
_________

:: title{version="mode-centered" theme="indigo-theme" font="sans-serif-font-heading" align="align-center" box_type="container-full" title="Title of table"} :: title
 _______

:: content{theme="indigo-theme" mode="mode-simple" font="sans-serif-font-global" align="align-center" box_type="container-full"}

  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

:: content

 ______

:: table{box_type="container-full" font="sans-serif-font-global" align="align-left" theme="indigo-theme" columns="Channel||Revenue"}
 :- row{content="Direct||18.6K"} :- row
 :- row{content="In-App Engine||12.5K"} :- row
 :- row{content="Site web||5.7K"} :- row
 :- row{content="Entreprises Invoices||13.4K"} :- row
:: table

 ______

:: banner{theme="indigo-theme" mode="mode-rect" font="sans-serif-font-global" align="align-left" box_type="container-full" cover="" sub_title="" title="Title of banner" description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." button_link="#" button_text="Download the PDF"} :: banner

Example Template : Dashboard Document

Code mode
Preview mode

______

:: layout{layout="grid-layout-3" box_type="container-full" font="sans-serif-font-heading"}
 :- container{theme=""}
:: card{theme="orange-theme" mode="mode-stats" align="align-left" font="" button_link="" cover="" stats="12.3K" icon="likes" title="Likes Stats" text="lorem ipusm"} :: card  
 :- container
 :- container{theme=""}
  :: card{theme="blue-theme" mode="mode-stats" align="align-left" font="" button_link="" cover="" stats="23.1K" icon="views" title="Views Stats" text=""} :: card
 :- container
 :- container{theme=""}
  :: card{theme="green-theme" mode="mode-stats" align="align-left" font="" button_link="" cover="" stats="4.7K" icon="comments" title="Comments Stats" text="lorem ipusm"} :: card
 :- container
:: layout

---

:: chart{title="Title of chart" type="line" font="sans-serif-font-heading" box_type="container-full" names="Traffic||Views" x_axis="January||Febrary||Mars||April||May||June||July||August||September||October||November||December" y_axis="[12,20,36,69,12,52,45,32,66,47,28,96]||[65,22,51,55,12,20,29,45,56,43,38,11]"} :: chart

______

:: layout{layout="grid-layout-2" box_type="container-full" font="sans-serif-font-heading"}
 :- container{theme=""}
  :: card{theme="purple-theme" mode="mode-colored" align="align-left" font="sans-serif-font-heading" button_link="https://super-markdown.com" cover="" stats="18%" icon="check" title="Conversion rate" text=""} :: card
 :- container
 :- container{theme=""}
:: card{theme="indigo-theme" mode="mode-colored" align="align-left" font="sans-serif-font-heading" button_link="https://super-markdown.com" cover="" stats="22%" icon="share" title="Share rate" text=""} :: card
 :- container
:: layout


---

:: title{version="mode-simple" theme="strawberry-theme" font="sans-serif-font-heading" align="left-align" box_type="container-full" title="Stats by sources"} :: title
______

:: table{box_type="container-full" font="sans-serif-font-global" align="align-left" theme="strawberry-theme" columns="Source||Value"}
 :- row{content="direct||18.6K"} :- row
 :- row{content="Search Engine||12.5K"} :- row
 :- row{content="Facebook||5.7K"} :- row
 :- row{content="Instagram||13.4K"} :- row
 :- row{content="Emails||1.2K"} :- row
:: table

---

:: title{version="mode-simple" theme="blue-theme" font="sans-serif-font-heading" align="left-align" box_type="container-full" title="Conclusions"} :: title
______

:: tabs{layout="horizontal-version" box_type="container-full" font="sans-serif-font-heading" theme="blue-theme" mode="mode-classic" titles="About Traffic||About Conversion"}
 :- tab{theme="primary-theme"}
  # Our conclusion about the volume of traffic in our App
  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

  Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

 :- tab
 :- tab{theme="primary-theme"}
  # Our conclusion about the conversion rate in our marketing compaigns
  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

  Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 :- tab
:: tabs


________

:: banner{theme="blue-theme" mode="mode-gris-classic" font="sans-serif-font-heading" align="left-align" box_type="container-full" cover="" sub_title="" title="Need a Help ?" description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." button_link="https://super-markdown.com" button_text="Contact Us"} :: banner

Example Template : Paper Document

Code mode
Preview mode

:: header{theme="primary-theme" mode="mode-text-minimalist" font="serif-font-heading" align="align-center" box_type="container-view" title="Title of Paper" description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. "} :: header

---

:: layout{layout="grid-layout-2" box_type="container-view"}
 :- container{theme=""}
  ## title of section
  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    :: image{image="/static/images/chart-image.png" legend="Source : https://www.storytellingwithdata.com/blog/explaining-charts"} :: image

 :- container
 :- container{theme=""}
  ## title of section
  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

  ---

  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


 :- container
:: layout

---

:: header{theme="primary-theme" mode="mode-text-minimalist" font="serif-font-heading" align="align-center" box_type="container-view" title="Title of new section" description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. "} :: header

______

:: chart{title="Title of chart" type="line" font="serif-font-heading" box_type="container-view" names="Traffic||Views" x_axis="January||Febrary||Mars||April||May||June||July||August||September||October||November||December" y_axis="[12,20,36,69,12,52,45,32,66,47,28,96]||[65,22,51,55,12,20,29,45,56,43,38,11]"} :: chart

______

:: content{theme="primary-theme" mode="mode-simple" font="serif-font-heading" align="align-left" box_type="container-view"}
 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

:: content

---

:: header{theme="primary-theme" mode="mode-text-minimalist" font="serif-font-heading" align="align-center" box_type="container-view" title="Title of table section" description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. "} :: header
______

:: table{box_type="container-view" font="sans-serif-font-global" align="align-left" theme="olive-theme" columns="Source||Value"}
 :- row{content="direct||18.6K"} :- row
 :- row{content="Search Engine||12.5K"} :- row
 :- row{content="Facebook||5.7K"} :- row
 :- row{content="Instagram||13.4K"} :- row
 :- row{content="Emails||1.2K"} :- row
:: table

______

:: layout{layout="grid-layout-2" box_type="container-view"}
 :- container{theme=""}
  ## title of section
  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

  ---

  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

 :- container
 :- container{theme=""}
  ## title of section
  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

  ---

  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


 :- container
:: layout

______

:: note{type="note" theme="olive-theme" font="serif-font-heading" box_type="container-box" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."} :: note

---

:: header{theme="primary-theme" mode="mode-text-minimalist" font="serif-font-heading" align="align-center" box_type="container-view" title="Title of list section" description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. "} :: header
________

:: list{theme="olive-theme" mode="mode-simple" font="serif-font-heading" box_type="container-box" title="Title of list"}
 :- item{name="01. Lorem ipsum dolor sit amet" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."} :- item
 :- item{name="02. Lorem ipsum dolor sit amet" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."} :- item
 :- item{name="03. Lorem ipsum dolor sit amet" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."} :- item
:: list

________

:: banner{theme="olive-theme" mode="mode-simple" font="serif-font-heading" align="left-align" box_type="container-full" cover="" sub_title="Sub title" title="Annexes" description="You will find all the resources used to create this scientific paper by clicking on the button above:" button_link="#" button_text="Ressources & Annexes"} :: banner

Example Template : Article Page

Code mode
Preview mode

:: header{theme="primary-theme" mode="mode-article" title="Title of document" description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." cover="/static/images/cover-article.jpg" box_type="container-full"} :: header


_______

:: content{theme="primary-theme" mode="mode-summary" font="sans-serif-font-global" box_type="container-full"}
 # Title of first section
 ______
  
 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

# title of Second section
  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

  :: image{image="/media/uploads/upload/cover3.jpg_0a3f2e3d.jpeg" legend="Legend of image"} :: image

  ---

  ## Sub title in section
  ______
  
  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

- Tempus leo eu aenean sed diam urna tempor
- Pulvinar vivamus fringilla lacus nec metus bibendum
- Ut hendrerit semper vel class aptent taciti sociosqu
- Ad litora torquent per conubia nostra inceptos himenaeos


# title of Third section
  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  ______

  :: list{theme="primary-theme" mode="mode-simple" font="sans-serif-font-global" title=""}
    :- item{name="Enter your Item title here" text="Enter your Item text here"} :- item
    :- item{name="Enter your Item title here" text="Enter your Item text here"} :- item
    :- item{name="Enter your Item title here" text="Enter your Item text here"} :- item
  :: list

:: content

_________

:: banner{theme="primary-theme" mode="mode-centered" cover="" font="sans-serif-font-global" sub_title="Footer of article" title="Title of Footer" description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." button_link="https://super-markdown.com" button_text="Super Markdown" box_type="container-full"} :: banner

Getting Started

Layout Components Reference

Components Reference

Super Markdown API

Examples

LLM Integration

Agents IA Support

Github Integration

Color Themes

Icons

Custom Templates

Best Practices

Fréquents Questions

Super Markdown Examples

Example Template : Standard Page

Example Template : Report Document

Example Template : Dashboard Document

Example Template : Paper Document

Example Template : Article Page

Subscribe for our newsletter to receive updates and updates on the supported LLM models and the new implemented features linked to artificial intelligence

What's Next ?