curriculum vitae

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.2/angular.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.2/angular-sanitize.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.css">
<script src="http://fonts.googleapis.com/css?family=Roboto:400,700&#39; rel=&#39;stylesheet&#39; type=&#39;text/css"></script>
<script src="http://fonts.googleapis.com/css?family=Roboto:400,700&#39; rel=&#39;stylesheet&#39; type=&#39;text/css"></script>
<script src="http://fonts.googleapis.com/css?family=Merriweather&#39; rel=&#39;stylesheet&#39; type=&#39;text/css"></script>
<article class="cv" >
    <div class="left">
        <h1 class="resume">
        Resume
        </h1>
        <h1 class="name">Reguigui Badis</h1>
        <section class="intro">
            <p class="desc">
                I am a front-end developer with four years of experience of working in the industry on high profile commercial websites. My development skills include knowledge of Javascript and CSS as well as frameworks such as Angular and tools like SASS. I am well versed in testing and also can also work with backend technologies such as Closure and Java when required.
            </p>
            <p>
                
            </p>
            
        </section>
        <h2 class="work">Work History</h2>

        <ul>
            <li >
                 <h3 class="textwork">badis.reguigui badis.reguigui to badis.reguigui</h3>
                <div ></div>
            
            </li>
        </ul>
    </div>
    <div class="right">
        <h3>
        IMAGE CV
        </h3>

    </div>
     
     
</article>

SCSS

$header-color : #333;
$text-color : #333;
.cv {
    font-family: 'Roboto', sans-serif;
    padding : 2em;
    color : $text-color;
}

* {
    box-sizing : border-box;
}
.left, .right {
    float : left;
}
.left {
    width : 70%;
    
    padding-right : 1em;
}
.right {
    width : 30%;
    padding : 1em;
    font-size : 0.8em;
}
.desc {
    line-height : 1.5;
}
.name, .work, .textwork { color : $header-color; margin-top : 10px;}
.name { font-size : 4em; font-weight : 400;line-height : 1.5; }
.work { font-size : 1.7em; font-weight : 400; line-height : 1.5;}
.textwork { font-size : 1.2em; line-height : 1.5; font-style : italic; }

.fa {
    font-size : 1.5em;
    width : 25px;
    color : #888;
    vertical-align : middle;
}