<div class="container">
<div class="logo">
<span class="left"><</span>John Smith<span class="right">/></span>
  <div class="text">
<span class="word">Web</span><span class="web">Developer</span>
  </div>
</div>
</div>
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
body { 
  background: #434A54;
  padding: 0;
  margin: 0;
  border: 0;
}
.container {
  width: 705px;
  height: 400px;
  margin: 0 auto;
}
.logo {
  font-weight: 400;
	font-family: 'Lato', Calibri, Arial, sans-serif;
  color: #E6E9ED;
  font-size: 80px;
  position: relative;
  margin: 0;
}

.word {
  color: #3BAFDA;
}

.right, .left {
  font-family: arial;
  font-size: 180px;
  position: relative;
  top: 55px;
  color: #3BAFDA;
  margin: 0 0 0 20px;
}

.text {
  font-size: 30px;
  position: absolute;
  top: 168px;
  left: 214px;
}
.left {
  margin: 0 30px 0 0;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.