BluecodeA

<div class="svg-box">
  <svg height="100" width="100" viewBox="0 0 100 100" preserveAspectRatio="none">
    <!--<defs>
      <linearGradient id="myGradient">
        <stop offset="5%" stop-color="#FFF" />
        <stop offset="95%" stop-color="#E1F5FE" />
      </linearGradient>
    </defs>-->
  <polygon points="100,0 100,100 0,100"/>
  </svg>

BluecodeA

Elvis

A Pen by Roger Amos on CodePen.

License.

BluecodeA

<header>
  <h1>Twitch Watch</h1>
</header>

<main>
  <div class="container">
    <div class="row">
      <section class="col-xs-8">
        <h3>Gamer Streams</h3>
        <ul>

BluecodeA

<!--TOP SECTION-->

<div class="top-sec">
  <svg preserveAspectRatio="none" viewBox="0 0 160 90" id="topSVG">
    
  </svg>
  <div class="top-sec-content">
    <h1><span class="wiki-text">Wiki</span>Viewer</h1>
    <form id="searchForm">
      <div class="form-group">

BluecodeA

<div class="glass-pane">
  <div class="head-seg">
    <div class="pull-left">
      <h3><span id="name">Area</span>, <span id="country">COUNTRY</span></h3>
      <h4><span id="todayDay"></span>, <span id="todayDate"></span><sup id="supDate"></sup> <span id="todayMonth"></span></h4>
    </div>
    <div class="page-loading pull-left">
      <p class="text-center"><span class="fa fa-spinner fa-spin" id="spinLoading"></span></p>
    </div>
    <div class="pull-right">

BluecodeA

<div class="quote-box container">
  <div class="rows">
    <div class="quote-text col-xs-12">
    
      <p class="quote text-right" id="quoteText"><span class='fa fa-quote-left'></span> The secret of getting ahead is getting started.</p>
      <p class="quotee pull-right" id="quoteAuthor">Mark Twain</p>
      <p id="quoteURL">www.dummy-link.com</p>
    </div>
  </div>
</div>

BluecodeA

Portfolio: Roger Amos

freecodecamp

A Pen by Roger Amos on CodePen.

License.

BluecodeA

TRIBUTE2KALAM

FREECODECAMP

A Pen by Roger Amos on CodePen.

License.

BluecodeA

Scribble

A Pen by Roger Amos on CodePen.

License.