mbuyco/index.html

## index.html
<html>
	<head>
		<style type="text/css">
			body {
			  font-family: Arial, Helvetica;
			}

			#body {
			  width: 100%;
			  height: 100%;
			}
			  #body > header {
			    background: #212121;
			    padding: 20px;
			    font-weight: bold;
			  }
			    #body > header > img {
			      width: 30%;
			      display: block;
			      margin: 0 auto;
			    }

			  #body > .content > .section {
			    background: #2E2E2E;
			    color: #fff;
			    border-bottom: 5px solid #0083ae;
			    padding: 20px;
			  }

			.primary {
			  color: #0083ae;
			}

			strong {
			  font-weight: bold;
			}
		</style>
	</head>
	<body>
		<div id="body">
		  <header>
		    <img src="https://lh6.googleusercontent.com/HNlaqQu-C0Gck3IUHbX4nvGluRQNTee1wk3kKqaw7dme6QPCuGViMu1Pg7j7zHYzTn9DHZbHywnDT8E_xPjw1zvHoUoG1cHKpt40T8a4raRLJbL7YqAjyMyoscB0nZ22xeN0R96U">
		  </header>
		  <div class="content">
		   <div class="section">
		      <h1>Good day everyone!</h1>
		      <h2>Welcome to the first ever SCATE Campaign in botkeeper PH</h2>
		    </div>
		    <div class="section">
		      <h3 class="primary">What is SCATE?</h3>
		      <p>SCATE is the abbreviation of our core values at botkeeper.</p>
		      <p><strong class="primary">S</strong>implification</p>
		      <p><strong class="primary">C</strong>ontinuous Growth</p>
		      <p><strong class="primary">A</strong>ccountability</p>
		      <p><strong class="primary">T</strong>echnology-driven</p>
		      <p><strong class="primary">E</strong>xtra mile</p>
		    </div>
		    <div class="section">
		      <h3 class="primary">What is SCATE Campaign?</h3>
		      <p>We have lots of great talent at botkeeper and we want to recognize them by how they relate the company core values to their everyday work. SCATE Campaign is an event in botkeeper PH where we search for the best employees who have imbibed these core values and use it as a guide to do great work.</p>
		    </div>
		    <div class="section">
		      <h3 class="primary">How can I join?</h3>
		      <p>To join this event, you must register and fill up a survey form by clicking the link below:

</p>
		      <p><a class="primary" href="https://goo.gl/forms/0kotDC1E4e3n7H9E2">https://goo.gl/forms/0kotDC1E4e3n7H9E2</a></p>
		    </div>
		    <div class="section">
		      <h3 class="primary">How it works</h3>
		      <ol>
		        <li>All employees should fill up the <a class="primary" href="https://goo.gl/forms/0kotDC1E4e3n7H9E2">registration form</a> mentioned above. (NOTE: THIS FORM TAKES 25-30 MINUTES TO COMPLETE)</li>
		        <li>Management/HR will review all registration submissions.</li>
		        <li>Selection process: Management/HR will filter the results and pick 2 winners for each SCATE core value (a total of 10 winners).</li>
		        <li>Winners will be announced on the January Botlife event.</li>
		      </ol>
		    </div>
		  </div>
		</div>
	</body>
</html>

## neookq.markdown

      
    Raw
  

              neookq.markdown
            
          
    NEooKQ

A Pen by Mikey Buyco on CodePen.
License.

  
## style.css
body {
  font-family: Arial, Helvetica;
}

#body {
  width: 100%;
  height: 100%;
}
  #body > header {
    background: #212121;
    padding: 20px;
    font-weight: bold;
  }
    #body > header > img {
      width: 30%;
      display: block;
      margin: 0 auto;
    }

  #body > .content > .section {
    background: #2E2E2E;
    color: #fff;
    border-bottom: 5px solid #0083ae;
    padding: 20px;
  }

.primary {
  color: #0083ae;
}

strong {
  font-weight: bold;
}

## styles
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.5.15/css/mdb.min.css" rel="stylesheet" />
	<html>
	<head>
	<style type="text/css">
	body {
	font-family: Arial, Helvetica;
	}

	#body {
	width: 100%;
	height: 100%;
	}
	#body > header {
	background: #212121;
	padding: 20px;
	font-weight: bold;
	}
	#body > header > img {
	width: 30%;
	display: block;
	margin: 0 auto;
	}

	#body > .content > .section {
	background: #2E2E2E;
	color: #fff;
	border-bottom: 5px solid #0083ae;
	padding: 20px;
	}

	.primary {
	color: #0083ae;
	}

	strong {
	font-weight: bold;
	}
	</style>
	</head>
	<body>
	<div id="body">
	<header>
	<img src="https://lh6.googleusercontent.com/HNlaqQu-C0Gck3IUHbX4nvGluRQNTee1wk3kKqaw7dme6QPCuGViMu1Pg7j7zHYzTn9DHZbHywnDT8E_xPjw1zvHoUoG1cHKpt40T8a4raRLJbL7YqAjyMyoscB0nZ22xeN0R96U">
	</header>
	<div class="content">
	<div class="section">
	<h1>Good day everyone!</h1>
	<h2>Welcome to the first ever SCATE Campaign in botkeeper PH</h2>
	</div>
	<div class="section">
	<h3 class="primary">What is SCATE?</h3>
	<p>SCATE is the abbreviation of our core values at botkeeper.</p>
	<p><strong class="primary">S</strong>implification</p>
	<p><strong class="primary">C</strong>ontinuous Growth</p>
	<p><strong class="primary">A</strong>ccountability</p>
	<p><strong class="primary">T</strong>echnology-driven</p>
	<p><strong class="primary">E</strong>xtra mile</p>
	</div>
	<div class="section">
	<h3 class="primary">What is SCATE Campaign?</h3>
	<p>We have lots of great talent at botkeeper and we want to recognize them by how they relate the company core values to their everyday work. SCATE Campaign is an event in botkeeper PH where we search for the best employees who have imbibed these core values and use it as a guide to do great work.</p>
	</div>
	<div class="section">
	<h3 class="primary">How can I join?</h3>
	<p>To join this event, you must register and fill up a survey form by clicking the link below:

	</p>
	<p><a class="primary" href="https://goo.gl/forms/0kotDC1E4e3n7H9E2">https://goo.gl/forms/0kotDC1E4e3n7H9E2</a></p>
	</div>
	<div class="section">
	<h3 class="primary">How it works</h3>
	<ol>
	<li>All employees should fill up the <a class="primary" href="https://goo.gl/forms/0kotDC1E4e3n7H9E2">registration form</a> mentioned above. (NOTE: THIS FORM TAKES 25-30 MINUTES TO COMPLETE)</li>
	<li>Management/HR will review all registration submissions.</li>
	<li>Selection process: Management/HR will filter the results and pick 2 winners for each SCATE core value (a total of 10 winners).</li>
	<li>Winners will be announced on the January Botlife event.</li>
	</ol>
	</div>
	</div>
	</div>
	</body>
	</html>
	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
	<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" />
	<link href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.5.15/css/mdb.min.css" rel="stylesheet" />