Actor Finder

Interactive Elements

In-text link

Here is a good place to work from

Navigation Link

CSS selector:

.button-nav

Sample code:

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; }

Rendered element:

Default Button

Text Input Field with Label

Sample code:

In HTML <form method="post" action="#"> <label for="form-input"> Input:</label> <input id="form-input" type="text" placeholder="Input Text"> </form>

Image as a Link

An image displaying the font Ubutnu

Image Focus

An image of a woman with brown hair An image of a man in a red shirt and brown hair

Color Schemes

An image displaying a color scheme

Logo Direction

An image with a person speaking

Text Elements

Headings

This is h1

This is h2

This is h3

This is h4

Paragraphs

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.

Numbered Lists of Our Best Actors:

  1. Barney Stinson
  2. Jim Halpert
  3. Joey Tribbiani

Combined Elements

Main Navigation

Product/Service Listing
$100 or less $75 or less $50 or less
8 AM to 12 PM 12 PM to 6 PM 6 PM to 12 AM
Drama Comedy Voice Acting

Sample code:

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; }

Actor Display

An image of a man in a red shirt and brown hair

Actor Name

City

Big City

Skills

  • Voice Acting
  • Comedy

Avalibilty

8 AM to 6 PM

Price Range

$80 or Less

Citations