design span

super deluxe design is the thing that helps you get what you want.   ,c._ ›

to swap text select 1 or 2

1 2

function myFunction( ) {
  var x = document.getElementById("myDiv");
  
  x.innerHTML = "swap to this";
}

p paragraph and link to view count.

<figure>
<img src="/img/design/this.png" 
  alt="this"
>
  <figcaption>shoe</figcaption>
</figure>

<a href="/here/">link</a>

<button type="button">here</button>

<br>

.pn class prevnext

buttons are not wired.   ❮   &#10094; and &#10095;   ❯  

pre 
apple
banana
cherry

section h2

section h3

section h6

paragraph in a section.

p bos with padding at the bottom.

p bos2 with a padding push, width 50%.

bam

bam2

bam9

.tictoc is float:right, and media queries.

.sid is float:right
The beauty you perceive comes from the evenness and balance that is built into the design.

text

a flat user interface (UI) creates a smooth and even look that allows the content to shine. The beauty you perceive comes from the evenness and balance that is built into the design. This type of depth stems from an awareness of standards, the power of CSS, and the subtle code that make up the view.

audio

<audio controls>

this is code. 3 divs, red b31942, white fff, and blue 0a3161

.flag_ukraine
brilliant blue 005bbb 
warm yellow ffd500 
primary yellow mix cadmium yellow medium 
note: Wikipedia 
strong azure 0056b9 
yellow ffd800 

footer

footer color names /slategray #708090