right click on this page & select view page source, then copy everything that comes up!
paste that into your index.html file.
then go to style.css and copy-paste everything there into a
style.css file. edit to your heart's content.
this is some page content, in bold,italic,underlined, highlighted,
code, and link varieties.
What I fear, I avoid. What I fear, I pretend does not exist. What I fear is quietly killing me. Would there were a festival for my fears, a ritual burning of what is coward in me, what is lost in me. Let the light in before it is too late. (633)
Jeanette Winterson’s “The Green Man"
the code includes 5 variables for colors you can edit:
text,
background,
accent,
accent-dark, and accent-light.
you can also make lists
unordered lists (ul) look like this
ordered lists (ol) look like this
(they have numbers)
this is a blockquote, which is good for quoting.
this is a box - you can put special content into it, if you want. use class="center" to center
text.
want to put two boxes next to each other? or text next to an image?
use a div class="flex"!
^ that's an hr - a little dividing line to put between elements.
image gallery
you can put text here, too, if you want. the number of columns will change depending on how wide the window
is, making it responsive to view on phone screens!
don't want columns? just remove the class = "columns" bit. (this is good for
things like posting comic pages, since columns can mess with the order of your images.)
you can use the figure & figcaption elements if you want to add captions to your images
