template_page_editing

 
Rev - Nov 18, 2017

 

<p class="caption" style="text-align:center;">By Jan Zumwalt (EAA #66327)</p>

 

header classes

H1

H2

H3

H4

H5

  &#047;  /     &#092; \    &deg;   °    &#8486; Ω
  &#8776; ≈     &copy; ©    &trade; ™    &reg;   ®
  &plusmn; ±


<center>
<a href="data/page-media/.../image_01.png">
<img class="" src="data/page-media/.../image_01.png" 
width="500" style="margin:5px; border-radius:5px;" alt="image"/></a>
<p class="caption">Fig-1: Caption</p>
</center>

<h2>Introduction</h2>
<div style="margin-left:15px;">
  <strong>Project:</strong>  unknown<br />
  <strong>Price:</strong>  unknown<br />
  <strong>Author:</strong>  unknown<br />
  <strong>License:</strong>  open source<br />
  <strong>Source:</strong>  link<br />
</div><br>

<h2>Resources</h2>
<br>


Fig 1 - caption

table

.zebra

div classes

.center_image 
.prettyprint
.prettyprint linenums
.round_corner
.two_column
.three_column

 

<p><span class="dropcap">X</span>...</p>

R egular paragraph
with drop cap.

 

<p>...</p>

Regular paragraph
without drop cap.

 

<pre class=prettyprint>...</pre>

  // --- MAIN PROGRAM ---
  void loop() {       // main code, loops forever
    for (j=-2;j <= 2; j++) {
      k = abs(j);
      CDC.printf("abs(%f)=%frn",j,k);
    }
    CDC.print("rnrn");
    delay(5000);
  }

  <

<pre class="prettyprint linenums">...</pre>

  // --- MAIN PROGRAM ---
  void loop() {       // main code, loops forever
    for (j=-2;j <= 2; j++) {
      k = abs(j);
      CDC.printf("abs(%f)=%frn",j,k);
    }
    CDC.print("rnrn");
    delay(5000);
  }
<table border="1" cellpadding="0" cellspacing="0" 
class="zebra" style="border-collapse:collapse;">
.zebra
col1 col2 col3
col1 col2 col3
col1 col2 col3

 

<p class=caption>Fig 1 - example of table or image caption</p>

 

Fig 1 - example of table or image caption

<table align=center border="1" cellpadding="2" cellspacing="1" 
class="center" style="border-collapse: collapse;">...</table>
1 line format
col1 col2 col3
col1 col2 col3
col1 col2 col3


 

<div class="box">...</div>

box


<div class="box_red">...</div>

box_red


<div class="box_blue">...</div>

box_blue


<div class="box_green">...</div>

box_green


<div class="box_red_right">...</div>

box_red_right


 

 

 

 

<div class="box_blue_right">...</div>

box_blue_right


 






<div class="box_green_right">...</div>

box_green_right


 






<div class="box_grey_right">...</div>

box_grey_right


 






<div class="round_corners">...</div>

round_corners


 


<div class="two_column">...</div>
<div class="two_column_box">...</div>

two_column_box




 


<div class="three_column">...</div>
<div class="three_column_box">...</div>

three_column_box