.in-text-link
<a href="#" class="in-text-link">In-Text Link</a>
.nav-link
<a href="#" class="nav-link">Navigation Link</a>
.submit-reset
<input type="submit">
<input type="reset">
.text-input
<input type="text" id="text" name="text">
<label for="text">Label</label>
.radio-button
<input type="radio" id="radio-button" name="label" value="label">
<label for="radio-button">Label</label>
.image-link
<a href="#" class="image-link"><img source="image.png" alt="a image"></a>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec,
pellentesque eu, pretium quis, sem. </p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
<ol type="1">
<li>item1</li>
<li>item2</li>
<li>item3</li>
</ol>
<nav class="main-nav">
<a class="nav-link" href="#">Home</a>
<a class="nav-link" href="#">About</a>
<a class="nav-link" href="#">Shop</a>
<a class="nav-link" href="#">Contact</a>
</nav>
<h4>Rendered element:</h4>
<img src="lipstick.jpg"/ alt="lipstick">
<h5>WANDF Lipstick 01</h5>
<p>$50.00</p>
<a href = "#">view details</a>
<label for="name">Name</label>
<input type="text" id="name" name="name"><br>
<label for="address">Address</label>
<input type="text" id="address" name="adress"><br>
<label for="address">Phone Number</label>
<input type="text" id="phone-num" name="phone-num"><br>
<p>Payment Option:</p>
<input type="radio" id="master-card" name="payment" value="master-card">
<label for="master-card">Master Card</label><br>
<input type="radio" id="visa" name="payment" value="visa">
<label for="visa">Visa</label><br>
<input type="radio" id="paypal" name="payment" value="paypal">
<label for="paypal">Paypal</label><br>
<input type="submit" value="Submit">
<p>item1 <span class="price">15.00</span> <span class="amount">x1</span></p>
<p>item2 <span class="price">25.00</span> <span class="amount">x1</span></p>
<p>Total: 40.00</p>
GLAMOUR VELVET LIQUID LIPSTICK
$50.00
BLURRING LIQUID LIP
$70.00
Lips&Lips is a third party lipstick retailer sales the brands from Asia, for example, 3CE, Perfect Diaries and etc.
The potential customers are teenager girls who like brand of lipstick from Asia with fashion design.
In Canada, most of retailers like Sephora only sales brand lipstick from U.S or Europe. Most of their target audiences are woman instead of teenagers. This store provides the option for tennagers to purchase the brands designed for them which is hard to find in North America.
Paragraphs/buttons - PT Sans
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.