Links and Buttons

Developer
Sam Durphy
Size
2,764 Kb
Views
20,240
  1. Links and Buttons Previews
  2. Links and Buttons HTML Codes
  3. Links and Buttons CSS Codes

How do I make an links and buttons?

Style guidelines for Baltimore County links and buttons. What is a links and buttons? How do you make a links and buttons? This script and codes were developed by Sam Durphy on 24 September 2022, Saturday.

Links and Buttons Previews
IQ Test

Links and Buttons - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Links and Buttons</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <h1>Links and Buttons</h1>
<p>The following are guidelines for links and buttons.</p>
<h2>Base Links</h2>
Base links are blue (hex code: #002280) and underlined. On hover, the link color changes from blue to gold. (hex code: #feb30c) <strong>See example below:</strong>
<ul> <li><a href="http://www.baltimorecountymd.gov" title="Learn more about Balitmore County.">View the Baltimore County Website.</a></li>
</ul>
<p><small><i>More information and Guidelines about incorporating links on pages can be found in the Baltimore County Web Writing Style Guide.</i></small></p>
<h2>Tertiary Navigation and Footer Links</h2>
<h3>Tertiary Navigation</h3>
<p>Tertiary navigation is located in the very top portion of the website in the gray bar. These links are light gray (hex code: #999) and change to white (#fff) on hover. <strong>See example below:</strong></p>
<h3>Footer Links</h3>
<p>Footer links are located at the very bottom of the website in unordered lists. These links are light gray (hex code: #999) and change to white (#fff) on hover. <strong>See example below:</strong></p>
<h2>Buttons</h2>
<p>Buttons are gold (#feb30c) and have a dark gray border (#333). Text on buttons is dark gray (#333). <strong>See example below:</strong></br> <button type="submit" class="btn">Submit This Form</button>
</body>
</html>

Links and Buttons - Script Codes CSS Codes

@import url(https://fonts.googleapis.com/css?family=Patua+One);
a { color: #002280;
}
a:hover { color: #feb30c;
}
html { color: #444; font-family: Arial, Helvetica, sans-serif;
}
body { color: #444; font-size: 1em; line-height: 1.6em;
}
p { margin: 0 0 20px;
}
small { font-size: 85%;
}
h1, h2 { font-family: Patua One; color: dark-gray; font-weight: normal;
}
h3, h4, h5 { font-family: Arial, Helvetica, sans-serif; color: #444; font-weight: bold;
}
h1 { line-height: 40px;
}
h2, h3 { line-height: 30px;
}
h4, h5 { line-height: 20px;
}
h1 { font-size: 2.083em; color: #c51110; border-top: 5px solid #ebebeb; border-bottom: 1px solid #ebebeb; padding: 7px 0;
}
h2 { font-size: 1.6em;
}
h3 { font-size: 1.2em;
}
h4 { font-size: 1.1em;
}
h5 { font-size: 1em;
}
Links and Buttons - Script Codes
Links and Buttons - Script Codes
Home Page Home
Developer Sam Durphy
Username sdurphy
Uploaded September 24, 2022
Rating 3
Size 2,764 Kb
Views 20,240
Do you need developer help for Links and Buttons?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Sam Durphy (sdurphy) Script Codes
Name
BACO Style Guide - Media Galleries
Closing Information Concept
Baltimore County Megamenu
BACO Alternate Headings
Baltimore County Now Blog
BACO Style Guide - Tabs
BACO Headings
Portal Navigation
BCnet TVoIP Template
BACO Style Guide - Images
Create amazing Facebook ads with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!