** ****************************************************************************************** *
** MANDRAGORE PLANETE  : example MarketDown
** *******************************************************************************************
 
#include  "#SYSPATHMS4BI+\zInclude\css\ms4markerdown.css"   
#include  "#SYSPATHMS4BI+\zInclude\includeChart.h"    
 BEGIN  /* icon +windows */ 
 <div $bg_gray :
 	   <icon   : $fa_podcast + $fa_2x +  $fa_pull_left  , style:"color:orange; font-size:2rem"  ,<text :"","#### MS4BI in 5 minutes #### "> > 
	> ;
		   <img   : "/ui/include/img/mandragore250x150.png" > ;  
	 

 <div  $IsVisible_lg :  /* visible only large (screen) */ 
	 DrawWindow : "Win00" , actions : $WinCustom +  $WinMinimize + $WinMaximize + $WinClose  , position : 8240,   50,470,1450  TITLE : "  Window Web: MS4 script Rapid Developt" 
		 							 url :  UrlMs4Script   /* key word ms4script */
     >; 
END ;	 
  Begin_Block_Rwd  :  margin_page  
  Setting :
  	Backgroundcolor : "GAINSBORO" ;  
BEGIN_MARKER /* or begin_SW : warning attn : MarkerDown is on ! */   
 
<``    
 #     MS4BI  : MarkerDown Syntax        # 
 ``>
$img(/ui/include/img/markerDownH1.png)$img [[[ ### TITLE ### ]]]
  	#   H1 Title       #   
	##  H2 Title       ## 
	### H3 Title       ###
	#### H4 Title     ####
	##### H5 Title      #####
	###### H6 Title     ######

#b   H1 Title bold   #b  
##b  H2 Title  bold  ##b 
###b H3 Title  bold h4,h5,h6..  ###b
#b+c H1 Title bold + center   #b+c
##b+c H2 Title   bold + center    ##b+c
###b+c H6 Title  bold + center h4,h5,h6..    ###b+c 
 
	##  Comments ##
\p Comments should be HTML compatible \p

	<``    
		&lt;!--
		This is a comment
		--&gt; 
	``>
	
<``  
 ##  Colors String ##
    
   &#47;r /r Color red  /r   
   &#47;b /b Color blue /b    
   &#47;y /y Color yellow /y    
   &#47;o /o Color orange /o      
   &#47;m /m Color MistyRose /m    
   &#47;g /g Color green /g      
   &#47;w /w Color white /w     
   &#47;k /k Color black /k     
  ``>
	<`` 
		<##  ###  Emphasis : Bold, Italics, underline, strikethrough  ### 
			<++	 
				>> ** bold >>
				>> -- italics >>
				>> __ underline >>
				>> ~~ strikethrough >>
			++>
		##>
$img(/ui/include/img/markerDownPara.png)$img [[[ ### Emphasis ### ]]]
	** Sed  saepe enim redeo ad Scipionem,** 
		cuius omnis sermo **erat de amicitia  querebatur**,  
		\n quod /r omnibus/r in ~~ rebus  homines ~~ /b diligentiores essent;/b 
		\n capras   et oves quot /g quisque haberet,/g
		\n ** dicere posse, __amicos quot haberet__,** 
		\n   non  posse **dicere  et **  
		\n  cin illis --quidem parandis adhibere curam,--  
		\l 
		\n   in amicis **eligendis** neglegentis 
	``>
	$img(/ui/include/img/markerDownLink1.png)$img [[[ ### Link 1  ### ]]]

  ##  link (Automatic title)  ##   $$getms4bi.com$$ 
  ##  link ( specif  title)   ## $link(https://assemble.io)$link [[Assemblelink]]  
  ##  mailto :   ##    %%contact@mgplanete.com%% 

 ## Inline HTML ##
\p If you need a certain HTML tag (with a class) you can simply use HTML: \p

<`` 
Paragraph in Markdown MS4 script.

&lt;div class="class"&gt
&lt;/div&gt

Paragraph in Markdown MS4 script.
<div class='section'>
  <a class='big button' href='...'>View in GitHub</a>
</div>
 
 ``>
 
 $img(/ui/include/img/markerDownCode.png)$img [[[ ### Code  ### ]]]
 	  
 <``      ####  &lt;`` CODE ``&gt #### 
   basic MS4 script syntax  :  **button :**  --var-- (button) ,  **icon :**   **attribut :**  --var-- (attribut) ,    --var-- (icon) , --text :-- (optional)--var-- (text -optional-)  
\n example :	/r ####b &lt; icon :   (attribut :)####b /r $fa_5x ,    $fa_address_book_o ,'adress'	&gt;	       
  ``> 
 
	<##  ####  Blockquotes ####
	###Donec massa lacus, ultricies### n, fermentum sed augue.
		Nunc /r augue augue, /r aliquam non hendrerit /b ac, commodo vel nisi. /b
     ##>	
		$img(/ui/include/img/markerDownBlockquote.png)$img [[[ ### Blockquotes 1   ### ]]]
 
	 <## ####Blockquotes #### Donec massa lacus, ultricies a ullamcorper in, fermentum sed augue.
		Nunc augue augue, aliquam non hendrerit ac, commodo vel nisi.
			<## ####Blockquotes #### Sed adipiscing elit vitae augue consectetur a gravida nunc vehicula. Donec auctor
			odio non est accumsan facilisis. Aliquam id turpis in dolor tincidunt mollis ac eu diam
			##>
	##>	
			$img(/ui/include/img/markerDownBlockquoteNext.png)$img [[[ ### Blockquotes 2   ### ]]]

		<++	### &lt;++ Lists Unordered ++&gt;  ###
			>> Lorem ipsum dolor sit amet >>
			>> Consectetur adipiscing elit >>
			>> /b Integer molestie lorem at massa /b >>
			>> Facilisis in pretium nisl aliquet >>
			>> Nulla volutpat aliquam velit >>
			<++ #### Lists Unordered####
				>>  Phasellus iaculis neque >> 
				>>  --Purus sodales ultricies-- >> 
				>>  __Vestibulum laoreet porttitor sem__ >> 
				>>  ~~Ac tristique libero volutpat at~~ >> 
			++>
			>>Faucibus porta lacus fringilla vel>>
			>> Aenean sit amet erat nunc>>
			>> Eget porttitor lorem>>
		++>
	
	<!! 	###  &lt;!! Lists ordered !!&gt; ###
		>> Lorem ipsum dolor sit amet>>
		>> Consectetur adipiscing elit>>
		>> Integer molestie lorem at massa>>
		>> Facilisis in pretium nisl aliquet>>
		>> Nulla volutpat aliquam velit>>
		>> Faucibus porta lacus fringilla vel>>
		>> Aenean sit amet erat nunc>>
		>> Eget porttitor lorem>>
	 !!>
	
	 
			$img(/ui/include/img/markerDownLink2.png)$img [[[ ### Link 2 ### ]]]

$img(/ui/include/img/blurry.jpg)$img [[[ ### Image ### ]]]
$img(/ui/include/img/mgplanete.jpg)$img [[[ ### MgPlanete ### ]]]
$img(/ui/include/img/mgplaneteIco.jpg height='32px' width='32px')$img [[[ ### MgPlanete Icon ### ]]]
 
 
   		$img(/ui/include/img/markerDownResponsive1.png)$img [[[ ### Responsive 1 ### ]]]
  		$img(/ui/include/img/markerDownResponsive2Style.png)$img [[[ ### Responsive 2 ### ]]]

 END_MARKER ; /* or END SW : SCRIPT WEB */
     
    printSw "# Responsive 1 : begin_div : table responsive  #  \n";  
   position  : relative,auto,550 : 
 begin_div : table responsive     
	|	 # |	Date |	Time 	| Amount |
	| 3326 |	10/21/2013 |	3:29 PM |	$321.33  |
	| 3325 |	10/21/2013 |	3:20 PM |	$234.34  |
	| 3324 |	** 10/21/2013 ** |	3:03 PM |	$724.17  |
	| 3323 |	10/21/2013 |	3:00 PM |	$23.71   |
	| 3322 |	10/21/2013 |	2:49 PM 	|   $8345.23 |
	| 3321 |	10/21/2013 |	2:23 PM 	|/b	$245.12 /b |
	| 3320 |	10/21/2013 | /r	2:15 PM  /r |	$5663.54 |
	| 3319 |	10/21/2013 |	2:13 PM |	$943.45  |
 end_div  ;
  printsw " \l" ;
  
  <icon : $fa_4x + $fa_list_alt +  $fa_pull_left, style:"background:MistyRose" , <text :"","  ## Responsive 2 : CSS : Begin_DIV : table '__style.css__ ' ## "  >	>	;
  
  printsw " \n\l" ;
    position  : relative,auto,550 : 
 	  begin_div : table "0Table"     /* style */  /* style */
 \n	|	 # |	Date |	Time 	| Amount |
 \n	| 3326 |	10/21/2013 |	3:29 PM |	$321.33  |
 \n	| 3325 |	10/21/2013 |	3:20 PM |	$234.34  |
 \n	| 3324 |	** 10/21/2013 ** |	3:03 PM |	$724.17  |
 \n	| 3323 |	10/21/2013 |	3:00 PM |	$23.71   |
 \n	| 3322 |	10/21/2013 |	2:49 PM 	|   $8345.23 |
 \n	| 3321 |	10/21/2013 |	2:23 PM 	|/b	$245.12 /b |
 \n	| 3320 |	10/21/2013 | /r	2:15 PM  /r |	$5663.54 |
 \n | 3319 |	10/21/2013 |	2:13 PM |	$943.45  |
  
 end_div  ;
   printsw "\n \n\l" ;
 
  printSW " ### Skip  2 lines .. ###";
   

 <Rwd_Row :  1
   <Rwd_Col :  sm:4,md:4,lg:4 : 
      
** ***************** Download *****  ms4script : this *******************************************************************	
	 
	 <url : "GET-99-04MarkDownMs4Script.ms4" button :    $Bts_btn_info + "btn-lg" ,   icon   :   $fa_1x + $fa_pull_left +  $fa_download  , 
	       , "Download \n Ms4script" > 	, /*text : optional */
  	>  /* end col */
 
	 <Rwd_Col : sm:4,md:4,lg:4: 
** ***************** Frame  ***** Marker Down *******************************************************************	
	   		begin_div : Frame "commentsmall"  /* style */
			Interested in joining us?? %%contact@mgplanete.com%% 
			\n  /b The Mg Planete team /b
			end_div ,
 	>  /* end col */
  >; /* end row */  			
		printsw "\l" ;	
End_Block_Rwd ;