Design and Professionalism
Fonts
Comments
<!--This will not be read by the browser, it is only for you and me-->
<!--This is the first row. Quotes from Grace Hopper show up on the left
and right side of the browser and her name is in the middle-->
<div class="row”>
<div class="col-xs-3 quotes">
<p> “It is often easier to ask for forgiveness than to ask for permission” </p>
</div>
<div class = “col-xs-6” id = ”title”>
<h1> GRACE HOPPER </h1>
</div>
<div class="col-xs-3 quotes">
<p> “A ship in port is safe, but that's not what ships are built for” </p>
</div>
</div>Indentation
<div class="row">
<div class="col-xs-3" id=”title”>
<p> Hello World </p>
</div>
</div><div class="row”>
<div class="col-xs-3" id=”title”>
<p> Hello World
</p>
</div>
</div>Example
Non-example
Webpage Structure
Adding Bootstrap
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">Choosing a Color Palette
Resources:
Adding a font to your website
Google "google fonts". Find the font you want and click middle button on the right
Copy and paste the code between your <head> </head> tags, above the <style> </style> tags
Copy and paste the code into your CSS
Example
Design and Professionalism
By Delaine Wendling
