0x3rv

Circular Navigation Menu Selector

Circular Navigation Menu Selector. Easily editable to any number of points or any size radii and colors in HTML, CSS, JS files.

A Pen by Mark on CodePen.

License.

SEO

In this list, I will be typically be talking SEO as it relates to Google because Google will likely account for the vast majority of your inbound search traffic. Additionally, if you rank highly on Google, you will probably do well on other search engines anyway. Just like in football if you could play in the Major league you would most likely kill it in the minor league I would begin by explaining why SEO is important talk a little bit about what SEO is about and talk about how those concepts relate to the world wide web. Then talk about some of the things you could do to optimize your site from top to bottom of a typical webpage.

Why it's important

When you want to hide something on google put it on the second page. #SEO @searchdecoder
Winner takes almost everything
More than 80 percent of shoppers research big purchases online first
Opertunity for business
88% Of Consumers Trust Online Reviews As Much As Personal Recommendations
72% Of Consumers Say That Positive Reviews Make Them T

	<div class="header header-fixed">
	<div class="navbar container">
	<div class="logo"><a href="#home">LOGO</a></div>
	<input type="checkbox" id="navbar-toggle" >
	<label for="navbar-toggle"><i></i></label>
	<nav class="menu">
	<ul>
	<li><a href="#home">Home</a></li>
	<li><a href="#about">About</a></li>
	<li><a href="#portfolio">Portfolio</a></li>

	0
	00
	01
	02
	03
	1
	1.0
	10
	100
	1000

	<div class="container">
	<img src="https://image.freepik.com/free-icon/apple-logo_318-40184.jpg" alt="apple icon" onmouseover = "reveal()" onmouseout = "cancel()" />

	<img src="http://vignette2.wikia.nocookie.net/logopedia/images/e/ee/Windows_logo_%E2%80%93_2012_(dark_blue).svg/revision/latest/scale-to-width-down/195?cb=20160311195341" alt="windows logo" onmouseover = "reveal()" onmouseout = "cancel()" />
	<img src="https://image.freepik.com/free-vector/android-boot-logo_634639.jpg" alt="android logo" onmouseover = "reveal()" onmouseout = "cancel()" />
	<!-- <button onclick="Raise()"> -->
	<img src="https://yt3.ggpht.com/-W47-PbvjOv4/AAAAAAAAAAI/AAAAAAAAAAA/KK8r3E8MMz0/s900-c-k-no-mo-rj-c0xffffff/photo.jpg" alt="google logo" onmouseover = "reveal()" onmouseout = "cancel()" />
	<!-- </button> -->
	</div>

	<h2>Get in touch</h2>
	<!--[if gt IE 9]><!-->
	<form action="#" method="POST" name="contact_form">
	<!--<![endif]-->
	<!--[if lte IE 9]>
	<form action="#" method="POST" name="contact_form" class="ieSwitch">
	<![endif]-->
	<fieldset>
	<span class="filler">Hi, My </span>
	<label for="name">name</label>

	div#inputContainer
	label#racecarLabel(for="racetrack") Racecar
	//readonly for mobile purposes
	input(readonly="true")#racetrack

	h5#info Focus input to start, blur it to have the cars make a pit stop

	<div id="info">
	<strong>The sun reacts to text input,<br>change the following</strong><br>
	<textarea id="data-text" rows="4" cols="50">
	Don't talk about moonshine
	Don't talk about white wine
	I'm drawing a fine line
	Sick twisted strange kind
	</textarea>
	</div>