page title!
how to grab this code:
this is some page content, in bold, italic, underlined, highlighted,
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.
code, and link varieties.
the p tag denotes a paragraph, and the br tag will make a single line break,
like this...
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) bla
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"!
want to put two boxes next to each other? or text next to an image?
use a
div class="flex"!
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.)
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.)