Skip to content
Gallery
Contract & Proposal Templates
Hosting & Maintenance Agreement
HTML codes
More
Share
Explore

HTML codes

Font styles

Font styles
Element
Code
1
Color
<span style="color: #ffffff;">
2
Typeface
<p style="font-family: 'Poppins'">
3
Size
<p style="font-size:16px">
4
​
​
There are no rows in this table
⁠



#A3A3A3 (gray text)
#E5E5E5 (contact form fields color)
#24474f (Launchpad green OLD)
---

*<p style="font-size:16px">*
<font size=“20px">
<font color="#C0C0C0">
<span style="color: #ededed;”>
<a href="https://climatetracker.asia/get-involved/" target="_blank">
<a href=“https://createlaunchpad.com” target="_blank" i rel="noopener noreferrer">
<a href=“https://createlaunchpad.com” target="_blank" i rel="noopener noreferrer">

×
{
?font-family: -apple-system, BlinkMacSystemFont, 'Open Sans', sans-serif;
}





Arrow down:
<i class=“icon ion-ios-arrow-down”></i>
Chevron right:
<i class="icon ion-chevron-right"></i>
Location pin:
<i class="icon ion-ios-location-outline"></i>
Checkmark:
<i class="icon ion-ios-checkmark-outline"></i>
nbdf
<i class="icon ion-ios-star-outline"></i>
<i class="icon ion-ios-pricetag-outline"></i>

———————————————
### Launchpad color palette
* teal/green: #24474f
* peach: #EDE1DA
* brown: #DDD5CF
* navy blue: #1C3645
* maroon: #813533
* normal black font: #3D3D3D
* gray font: #A5A5A5
PEG: https://www.developwell.org/the-well
———————————————


---
# Button HTML!
<!DOCTYPE html>
<html>
<head>
<style>
.button1 {
border: none;
color: #3d3d3d;
 padding: 0px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 14px;
 margin: 10px 20px;
cursor: pointer;
}
?
?.button2 {
border: none;
color: white;
 padding: 0px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 14px;
 margin: 10px 20px;
cursor: pointer;
}
.button1 {background-color: #ededed;} /* outline */
.button2 {background-color: #FF7800;} /* orange */
</style>
</head>
<body>
<button class="button button1">Subscribe to newsletter</button>
<button class="button button2">Get involved</button>
</body>
</html>

---

›
—

icons list: https://aplaya.ph/wp-content/themes/norebro/assets/css/ionicons.min.css?ver=5.3.2
https://ionicons.com



We use cookies to improve your experience on our website. By closing this banner, clicking or continuing to browse, you agree to the use of cookies. Read more here.


Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.