Navigation will go here!
Ingold Creative
My name is Sarah and welcome to my Web Portfolio Style Guide
Enjoy!
Custom elements
Website Colour Palette
Dark-Blue
#3D4F73
Light-Blue
#9CDCF0
Blush
#D9C7C7
Cream
#F2F2F2
Dark-Grey
#0D0D0D
Site elements
Typography
Heading level 1 (h1)
Arapey Regular 400 Italic.
Heading level 2 (h2)
Urbanist Regular 400.
Heading level 3 (h3)
Poppins ExtraLight 200.
Paragraphs
Poppins Thin 100 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. In id risus quis purus mollis lobortis vel ac tellus. Nam pharetra lorem quis dui commodo dapibus. Curabitur aliquet sapien vitae ligula pretium sollicitudin. Sed sed magna eu risus placerat gravida non sit amet augue. Morbi volutpat lobortis imperdiet. Sed elit purus, commodo a mi in, condimentum sagittis urna. Etiam condimentum pharetra cursus. Aliquam erat volutpat. In vel diam nulla. Praesent faucibus augue quis dui vehicula, a consequat est fringilla. Sed nec nisi fermentum, maximus nunc ac, hendrerit lorem. Proin mollis metus in erat dictum egestas. Proin nec ipsum viverra, scelerisque nisi in, faucibus nulla.
Aliquam erat volutpat. Donec sagittis libero ac justo suscipit laoreet. Suspendisse ut sem vel augue vulputate sodales blandit sit amet metus. Quisque porta consectetur efficitur. Duis venenatis nisl in mollis convallis. Pellentesque quis accumsan orci. Nulla porta arcu quis laoreet sagittis. Aliquam erat volutpat. Suspendisse sagittis, turpis vel posuere suscipit, dolor nunc sodales est, quis cursus dui elit vel nisl.
Inline elements
Some of these are deprecated but still good to reference in case they pop up in your website.
Normal, abbr, del,
dfn, em, ins, mark,
strike through, small, strong,
sub, sup,
u
Links
Right here, is an internal link that has not been visited (don't click or it will become visited).
This is a link to an external website.
Here we have a visited link.
If we click this thing, we'll jump to the top of the page.
This paragraph contains a link to an email address.
Here's a link to a phone number.
Does the sms protocol actually work?
Lists
Unordered list
- Ingredients:
- 300g of Immaturity
- 260g of Foolishness
- 1/4 cup of Emotion
- 1/2 cup of Bravery
- 1 teaspoon of Unconventionality
A Recipe for Creativity
This 5 special creative ingredients make up a recipe that's good for your soul, so start dreaming, indulge in your passions, be proud of your uniqeness and find the courage to turn your ideas into action.
Ordered list
- Preheat your brain to 106 degrees celcius.
- In a large bowl, cream together the immaturity and foolishness.
- Gradually add the emotion and combine with the bravery, spead half if this mixture into the bottom of the preheated brain and add a thin layer of unconventionality.
- Pour this mixture to the right side of your brain and bake for 10 - 20 minutes.
- Let it rest for 5 minutes
Method:
Details & Summary
Question 1
Pellentesque habitant morbi tristique senectus et netus
et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat
vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet
quam egestas semper. Aenean ultricies mi vitae est. Mauris
placerat eleifend leo. Quisque sit amet est et sapien ullamcorper
pharetra. Vestibulum erat wisi, condimentum sed,
commodo vitae
, ornare sit amet, wisi. Aenean fermentum, elit
eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus
enim ac dui. Donec non enim in
turpis pulvinar facilisis. Ut felis.
Question 2
Duis consequat metus et eros rutrum, interdum facilisis urna interdum. Etiam facilisis diam in libero varius ultricies id id est. Sed lacinia pellentesque sem vel sagittis.
Blockquote
"Creativity is seeing what others see and thinking what no one else ever thought"
Albert Einstein
Embedded Content
Images
Here are some images that will be shown as examples of my work on my website:
Content Creation
Docuseries
Wide Image Example
Embedded iFrames
Google map iframe
Media
Audio
The Rural Pride Network Podcast
Video with controls
Some headings in semantic context
Creative Things I Can Do for You
Here is a list of things I can provide for your creative digital and social media needs
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Digital Content Creation
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Photography
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Graphic Design
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Brand Developement
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Social Media Strategy
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Copywriting
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Web Design
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
And so much more....