.button-nav
In HTML
<a href="#" class="button">Default Button</a>
In CSS
.button-nav {
display: inline-block;
padding: 0.5rem;
color: white;
border: 0.25rem solid #7B0D1E;
background-color: #7B0D1E;
text-decoration: none;
transition-property: background-color, border-color;
transition-duration: 0.5s;
border-radius: 0.3rem;
}
In HTML
<form method="post" action="#">
<label for="form-input"> Input:</label>
<input id="form-input" type="text" placeholder="Input Text">
</form>
ActorFinder is a website designed for struggling film makers trying to find actors for cheap! You can narrow your selection by acting skills or even avalibilty. We have a wide selection of actors to choose from and we are certain you will find one for you.
In HTML
<fieldset>
<form method="post" action="#">
<div class = "Full-Width-Forum">
<label for="form-input"> City:</label>
<input type="text" name="City" placeholder="City">
</div>
<div class = "Full-Width-Forum">
<label for="form-input"> Price Range:</label>
<input type="radio" name="Price" value="$100 or less" checked> $100 or less
</div>
<div class = "Full-Width-Forum">
<label for="form-input"> Time Frame:</label>
<input type="checkbox" name="Time-Frame" value="8 AM to 12 PM"> 8 AM to 12 PM
</div>
</form>
</fieldset>
In CSS
fieldset{
min-width:28rem;
max-width:50%;
border: 0.25rem solid #7B0D1E;
border-radius: 0.3rem;
}
.Full-Width-Forum{
padding-top:0.2rem;
}
Big City
8 AM to 6 PM
$80 or Less
Email@ActorFinder.ca