HTML
<!doctype html>
<html class="no-js">
<head>
<meta charset="utf-8">
<title>Bit Bear Studios</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="ROBOTS" CONTENT="INDEX, FOLLOW">
<meta name="description" content="Bit Bear Studios delivers high quality multimedia solutions such as graphic design, animation and websites. Learn more now!">
<link href="//www.google-analytics.com" rel="dns-prefetch">
<link href="//ajax.googleapis.com" rel="dns-prefetch">
<link href='https://fonts.googleapis.com/css?family=Bree+Serif' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link href="style.css" rel="stylesheet">
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-44138338-3', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<div class="parallax">
<div class="parallax__group">
<div class="scroll-fill"></div>
<div class="parallax__layer parallax__layer--base"></div>
<div class="parallax__layer parallax__layer--rocks">
<div class="rock-cover">
<div class="content">
<h1>Who Are We?</h1>
<p> We are Bit Bear Studios, a multimedia solutions company. We provide all sorts of solutions from graphic design, illustration and animation to web building. No matter what the request, we will always go out of our way to get the job done in the best way possible! </p>
<div class="whatdo">
<h1>What we do</h1>
<center>
<table>
<tr>
<td><img src="img/Design-01.png"...
CSS
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
margin-top:50px;
text-align:center;
}
tr, td{
padding-left:3vw;
padding-right:3vw;
}
table img{
width:15vw;
}
body, html {
height: 100%;
width: 100%;
background-color: #678238;
}
.bg {
background-image: url("img/Parallax-total-01.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
height: 100%;
}
.content {
display:block;
position:absolute; /*originally relative*/
background-color: #678238;
min-height: 500px;
width: 100%;
font-family: "Open Sans";
line-height: 40px;
color: white;
font-size: 16px;
margin: auto;
text-align: center;
padding-top: 200px;
overflow:hidden;
height:auto;
z-index:0;
}
.content p {
margin: auto;
text-align: center;
padding: 20px;
max-width: 900px;
}
a, a:visited, a:active {
color: inherit;
}
a:hover {
color: inherit;
}
.btn {
border-radius:0;
text-transform: uppercase;
border: 2px solid white;
font-size: 16px;
letter-spacing: 2px;
padding: 20px 50px;
background:none;
}
.btn:hover...