Skip to content

Instantly share code, notes, and snippets.

/index.html

Created February 15, 2017 17:17
Show Gist options
  • Save anonymous/8540a420c336258c2661d3de10218625 to your computer and use it in GitHub Desktop.
Save anonymous/8540a420c336258c2661d3de10218625 to your computer and use it in GitHub Desktop.
Download ZIP
RubyJobsBrazil RubyJobsBrazil é o lugar para quem quer encontrar ou divulgar sua oportunidade de trabalho relacionada a Ruby // source http://jsbin.com/gadomez
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="RubyJobsBrazil é o lugar para quem quer encontrar ou divulgar sua oportunidade de trabalho relacionada a Ruby">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>RubyJobsBrazil</title>
<script src="https://code.jquery.com/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
<style id="jsbin-css">
@import url("https://fonts.googleapis.com/css?family=Ubuntu:300,400,700");
/* defaults */
.section-title {
color: #c14348;
font-weight: 300;
font-family: 'Ubuntu', sans-serif;
}
/* custom */
body {
color: #666666;
background-color: #f9f9f9;
}
header {
miin-height: 150px;
padding-bottom: 50px;
background-color: #c14348;
}
header li a {
color: white;
background-color: transparent;
border-bottom: solid 3px transparent;
}
header li a:hover {
color: white;
background-color: transparent !important;
border-bottom: solid 3px white;
}
footer {
padding: 75px 0px;
margin-top: 100px;
background-color: #333333;
}
footer a {
color: white;
margin: 2px 5px;
}
footer a:hover {
color: #aaaaaa;
}
.logo {
padding: 50px 0px 50px 0px;
}
.top-title {
background-color: #f9f9f9;
margin-top: -60px;
margin-bottom: 10px;
padding: 2px 30px 10px 30px;
border-radius: 4px 4px 0px 0px;
}
.list-panel {
width: 94%;
background-color: white;
padding: 20px 40px;
margin-right: auto;
margin-left: auto;
margin-top: 40px;
box-shadow: 0px 0px 8px rgba(200, 200, 200, 0.8);
}
.list-panel .job-title {
padding: 0px;
margin: 0px;
}
.list-panel .job-title a {
color: #666666;
}
.list-panel hr {
width: 40%;
margin: 4px 0px 0px 4px;
}
.list-panel .job-location, .list-panel .job-published {
color: #888888;
}
/* custom components */
.label {
line-height: 14px;
padding: 4px 10px 4px 10px;
border-radius: 15px;
}
.label-red {
background-color: #c14348;
margin-left: 10px;
}
</style>
</head>
<body>
<header id="header">
<div class="container header inner">
<nav class="navbar">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right masthead-nav">
<li><a href="#"> Home</a></li>
<li><a href="#"> Artigos</a></li>
<li><a href="#"> Publicar Vaga</a></li>
<li><a href="#"> Login</a></li>
</ul>
</div>
</div>
</nav>
<div class="logo text-center">
<svg xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="185" width="294" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" viewBox="0 0 294.081 184.941">
<g transform="translate(0 -867)">
<g transform="translate(-625 1.01e3)">
<g transform="translate(187 167)">
<g transform="matrix(.620 0 0 .620 208 -172)">
<g fill="#fff" transform="matrix(.907 0 0 .907 270 -32.7)">
<path d="m148 60.4q0 6.04-3.17 9.52t-8.36 5.03q1.24 1.55 3.17 4.18 2.01 2.63 4.1 5.81 2.09 3.1 4.1 6.5 2.01 3.41 3.41 6.5h-5.65q-1.63-3.1-3.56-6.19-1.86-3.1-3.87-5.96-1.94-2.94-3.79-5.42-1.86-2.48-3.25-4.34-2.48 0.232-4.96 0.232h-8.67v21.7h-5.27v-52.7q2.79-0.774 6.5-1.08 3.79-0.387 6.97-0.387 11.1 0 16.6 4.18 5.65 4.18 5.65 12.4zm-21.7-12q-2.94 0-5.19 0.232-2.17 0.155-3.64 0.31v22.8h7.28q3.64 0 6.89-0.31 3.25-0.387 5.65-1.55 2.4-1.24 3.79-3.48 1.39-2.25 1.39-6.12 0-3.56-1.39-5.88t-3.64-3.64q-2.25-1.39-5.19-1.86-2.87-0.542-5.96-0.542z"/>
<path d="m190 96.5q-2.25 0.619-6.04 1.39-3.79 0.774-9.29 0.774-4.49 0-7.51-1.32t-4.88-3.72-2.71-5.81q-0.774-3.41-0.774-7.51v-22.5h5.03v20.8q0 4.26 0.619 7.2t2.01 4.8q1.39 1.78 3.56 2.63 2.25 0.774 5.42 0.774 3.56 0 6.19-0.387t3.33-0.697v-35.2h5.03v38.6z"/>
<path d="m208 60.3q1.32-1.01 4.18-2.09 2.94-1.16 6.89-1.16 4.34 0 7.67 1.55 3.41 1.55 5.73 4.34t3.48 6.66q1.24 3.79 1.24 8.36 0 4.88-1.47 8.75-1.39 3.87-4.03 6.58-2.56 2.71-6.19 4.18-3.56 1.39-7.98 1.39-5.34 0-8.83-0.697-3.48-0.697-5.73-1.47v-57.9l5.03-0.929v22.5zm0 32.9q1.16 0.387 3.41 0.774 2.32 0.31 6.04 0.31 6.5 0 10.5-4.18 3.95-4.26 3.95-12.2 0-3.33-0.697-6.27-0.697-3.02-2.25-5.19-1.55-2.25-4.1-3.56-2.48-1.32-6.19-1.32-1.78 0-3.41 0.387-1.63 0.31-3.02 0.852t-2.48 1.16q-1.01 0.619-1.7 1.16v28z"/>
<path d="m259 98.8q-2.56-4.72-4.96-9.83-2.32-5.11-4.41-10.3-2.01-5.27-3.72-10.5-1.7-5.27-2.94-10.3h5.34q0.852 3.72 2.17 8.05 1.32 4.26 2.94 8.83 1.7 4.57 3.72 9.37 2.01 4.8 4.34 9.45 1.7-4.8 3.02-9.06t2.4-8.44q1.16-4.26 2.17-8.67 1.08-4.41 2.25-9.52h5.03q-2.48 11.2-5.65 21.8t-6.89 19.4q-1.47 3.48-3.02 5.96-1.55 2.56-3.48 4.18-1.86 1.63-4.41 2.4-2.48 0.774-5.88 0.774-1.94 0-3.56-0.465-1.55-0.465-1.94-0.697l1.01-4.18q0.31 0.232 1.7 0.619 1.47 0.465 3.02 0.465 2.17 0 3.87-0.465 1.78-0.465 3.17-1.63 1.39-1.08 2.48-2.87 1.16-1.78 2.25-4.49z"/>
<path d="m312 80.3q0 3.95-0.852 7.36t-3.02 5.96q-2.09 2.56-5.73 4.03-3.56 1.47-9.06 1.47-5.11 0-8.9-1.39-3.72-1.47-5.73-3.1l3.48-7.67q1.94 1.32 4.72 2.56 2.87 1.16 5.81 1.16 4.96 0 7.2-2.48 2.25-2.48 2.25-8.52v-35.4h9.83v36z"/>
<path d="m361 77.6q0 4.8-1.39 8.75t-3.95 6.74-6.19 4.34q-3.56 1.55-7.9 1.55t-7.9-1.55-6.12-4.34-4.03-6.74q-1.39-3.95-1.39-8.75t1.39-8.67q1.47-3.95 4.03-6.74 2.63-2.79 6.19-4.26 3.56-1.55 7.82-1.55t7.82 1.55q3.64 1.47 6.19 4.26 2.56 2.79 3.95 6.74 1.47 3.87 1.47 8.67zm-9.6 0q0-6.04-2.63-9.52-2.56-3.56-7.2-3.56-4.65 0-7.28 3.56-2.56 3.48-2.56 9.52 0 6.12 2.56 9.68 2.63 3.56 7.28 3.56t7.2-3.56q2.63-3.56 2.63-9.68z"/>
<path d="m397 77.6q0-5.96-2.4-9.45-2.32-3.48-7.43-3.48-2.32 0-4.41 0.697-2.01 0.697-3.25 1.55v23.3q1.01 0.232 2.56 0.465 1.63 0.155 3.87 0.155 5.19 0 8.13-3.48 2.94-3.56 2.94-9.76zm9.6 0.155q0 4.88-1.47 8.83-1.39 3.87-4.1 6.66-2.63 2.79-6.43 4.26-3.79 1.47-8.6 1.47-4.65 0-8.9-0.697-4.18-0.697-6.97-1.55v-57.3l9.37-1.55v21q1.63-0.852 3.95-1.55 2.4-0.697 5.27-0.697 4.26 0 7.59 1.55 3.41 1.47 5.65 4.26 2.25 2.79 3.41 6.74 1.24 3.87 1.24 8.6z"/>
<path d="m427 91.2q3.72 0 5.42-0.852 1.7-0.929 1.7-3.1 0-2.01-1.86-3.33-1.78-1.32-5.96-2.87-2.56-0.929-4.72-1.94-2.09-1.08-3.64-2.48-1.55-1.39-2.48-3.33-0.852-2.01-0.852-4.88 0-5.58 4.1-8.75 4.1-3.25 11.2-3.25 3.56 0 6.81 0.697 3.25 0.619 4.88 1.24l-1.7 7.59q-1.55-0.697-3.95-1.24-2.4-0.619-5.58-0.619-2.87 0-4.65 1.01-1.78 0.929-1.78 2.94 0 1.01 0.31 1.78 0.387 0.774 1.24 1.47 0.852 0.619 2.25 1.32 1.39 0.619 3.41 1.32 3.33 1.24 5.65 2.48 2.32 1.16 3.79 2.71 1.55 1.47 2.25 3.41 0.697 1.94 0.697 4.65 0 5.81-4.34 8.83-4.26 2.94-12.2 2.94-5.34 0-8.6-0.929-3.25-0.852-4.57-1.39l1.63-7.82q2.09 0.852 4.96 1.63 2.94 0.774 6.66 0.774z"/>
<path d="m466 98.4q-1.32 0-3.1-0.155-1.7-0.0774-3.56-0.31-1.78-0.155-3.41-0.387-1.63-0.31-2.79-0.619v-51.6q1.39-0.387 3.1-0.619 1.7-0.31 3.48-0.465 1.86-0.232 3.56-0.31 1.78-0.0774 3.25-0.0774 4.34 0 8.21 0.697 3.95 0.697 6.89 2.32 2.94 1.63 4.65 4.34 1.78 2.63 1.78 6.58 0 4.34-2.25 7.43-2.17 3.02-5.88 4.18 2.32 0.542 4.26 1.55t3.41 2.63q1.47 1.55 2.25 3.87 0.852 2.25 0.852 5.42 0 7.59-6.04 11.6-6.04 3.95-18.7 3.95zm-7.59-26.2v21.1q1.16 0.155 3.48 0.387 2.32 0.155 4.72 0.155 3.56 0 6.89-0.465 3.41-0.465 5.96-1.7 2.56-1.24 4.1-3.41 1.55-2.17 1.55-5.58 0-3.1-1.08-5.11-1.08-2.09-3.1-3.25-2.01-1.24-4.96-1.7-2.87-0.465-6.43-0.465h-11.2zm0-4.49h10.2q2.87 0 5.42-0.387 2.56-0.465 4.41-1.55 1.94-1.16 3.02-3.02 1.08-1.94 1.08-4.88 0-2.63-1.16-4.41-1.16-1.86-3.33-3.02-2.09-1.16-5.03-1.63-2.94-0.542-6.5-0.542-2.87 0-4.88 0.155-1.94 0.155-3.25 0.387v18.9z"/>
<path d="m515 57.1q2.48 0 4.65 0.387 2.25 0.387 3.1 0.774l-1.01 4.34q-0.619-0.31-2.56-0.619-1.86-0.387-4.96-0.387-3.25 0-5.27 0.465-1.94 0.465-2.56 0.774v35.1h-5.03v-38.2q1.94-0.852 5.34-1.7 3.41-0.929 8.29-0.929z"/>
<path d="m543 94.3q2.94 0 5.11-0.155 2.25-0.232 3.79-0.542v-14.1q-0.852-0.387-2.71-0.774-1.86-0.465-5.11-0.465-1.86 0-3.87 0.31-2.01 0.232-3.72 1.16-1.7 0.852-2.79 2.4-1.08 1.55-1.08 4.1 0 2.25 0.697 3.79 0.774 1.55 2.09 2.48 1.39 0.929 3.25 1.39 1.94 0.387 4.34 0.387zm-0.465-37.3q3.95 0 6.66 1.16 2.79 1.08 4.49 3.1 1.7 1.94 2.48 4.65 0.774 2.71 0.774 5.88v25.2q-0.774 0.232-2.25 0.542-1.47 0.232-3.41 0.542t-4.34 0.465q-2.32 0.232-4.8 0.232-3.17 0-5.88-0.697-2.63-0.697-4.65-2.17-1.94-1.55-3.1-3.87-1.08-2.4-1.08-5.81 0-3.25 1.24-5.58 1.24-2.32 3.48-3.79 2.25-1.55 5.34-2.25 3.1-0.697 6.74-0.697 1.08 0 2.25 0.155 1.24 0.0774 2.32 0.31 1.16 0.155 1.94 0.387 0.852 0.155 1.16 0.31v-2.48q0-2.09-0.31-4.03-0.31-2.01-1.39-3.56-1.01-1.63-2.94-2.56-1.86-1.01-4.96-1.01-4.41 0-6.58 0.619t-3.17 1.01l-0.697-4.41q1.32-0.619 4.03-1.16 2.79-0.542 6.66-0.542z"/>
<path d="m595 62q-1.78 2.01-4.65 5.58-2.87 3.56-6.12 7.98-3.25 4.34-6.43 9.14-3.17 4.72-5.58 8.98h23.5v4.26h-29.3v-3.64q2.01-3.79 4.96-8.36 3.02-4.57 6.19-8.98 3.17-4.49 6.19-8.36 3.02-3.95 5.11-6.43h-21.3v-4.26h27.4v4.1z"/>
<path d="m610 97.9h-5.03v-40h5.03v40zm1.16-52.1q0 1.78-1.08 2.87-1.08 1.01-2.63 1.01t-2.63-1.01q-1.08-1.08-1.08-2.87 0-1.78 1.08-2.79 1.08-1.08 2.63-1.08t2.63 1.08q1.08 1.01 1.08 2.79z"/>
<path d="m634 98.6q-2.56-0.0774-4.49-0.697-1.86-0.542-3.17-1.7-1.24-1.24-1.94-3.1-0.619-1.94-0.619-4.8v-49.6l5.03-0.929v50.3q0 1.86 0.31 3.02 0.387 1.08 1.08 1.78 0.697 0.619 1.78 0.929 1.16 0.31 2.71 0.542l-0.697 4.18z"/>
</g>
<g transform="matrix(.513 0 0 .513 858 -37.4)" stroke="#fff" fill="none">
<g transform="matrix(.150 0 0 .150 16.1 -128)">
<path stroke-linejoin="round" d="m-3.36e3 425l-845-840h1.69e3l-845 840zm563-1.27e3c93.8 141 188 281 282 422h-563c93.8-141 188-281 282-422zm-563 0c93.8 141 188 281 282 422h-563c93.8-141 188-281 282-422zm-563 0c93.8 141 188 281 282 422h-563c93.8-141 188-281 282-422zm3.94-0.367h1.12e3" stroke-width="40.2"/>
<path d="m-3.08e3 -436c-94.8 276-190 553-284 829m-279-828c93.1 276 186 552 279 828" stroke-linecap="round" stroke-width="49.1"/>
</g>
<path stroke-linejoin="round" d="m-739-306h502v292h-502z" stroke-linecap="round" stroke-width="21.6"/>
<g stroke-linejoin="round" transform="translate(-7.52)" stroke-linecap="round">
<path d="m-548-364h135v58h-135z" stroke-width="17.2"/>
<path d="m-667-317h39.6v9.9h-39.6z" stroke-width="20"/>
<path d="m-334-317h39.6v9.9h-39.6z" stroke-width="20"/>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
</div>
</div>
</header>
<section id="main-list">
<div class="container">
<div class="top-title">
<h2 class="section-title">Últimas vagas</h2>
</div>
<div class="row">
<div class="col-md-12">
<div class="list-panel">
<h3 class="job-title"><a href="#">Lorem ipsum dolor sit amet</a></h3>
<hr>
<p>
<span class="job-location">São Paulo-SP</span> .
<span class="job-published">Publicado há 2 meses</span>
<span class="label label-red pull-right">CLT</span>
<span class="label label-red pull-right">PJ</span>
<span class="label label-red pull-right">Full Time</span>
</p>
</div>
<div class="list-panel">
<h3 class="job-title"><a href="#">Lorem ipsum dolor sit amet</a></h3>
<hr>
<p>
<span class="job-location">São Paulo-SP</span> .
<span class="job-published">Publicado há 2 meses</span>
<span class="label label-red pull-right">CLT</span>
<span class="label label-red pull-right">PJ</span>
<span class="label label-red pull-right">Full Time</span>
</p>
</div>
<div class="list-panel">
<h3 class="job-title"><a href="#">Lorem ipsum dolor sit amet</a></h3>
<hr>
<p>
<span class="job-location">São Paulo-SP</span> .
<span class="job-published">Publicado há 2 meses</span>
<span class="label label-red pull-right">CLT</span>
<span class="label label-red pull-right">PJ</span>
<span class="label label-red pull-right">Full Time</span>
</p>
</div>
<div class="list-panel">
<h3 class="job-title"><a href="#">Lorem ipsum dolor sit amet</a></h3>
<hr>
<p>
<span class="job-location">São Paulo-SP</span> .
<span class="job-published">Publicado há 2 meses</span>
<span class="label label-red pull-right">CLT</span>
<span class="label label-red pull-right">PJ</span>
<span class="label label-red pull-right">Full Time</span>
</p>
</div>
<div class="list-panel">
<h3 class="job-title"><a href="#">Lorem ipsum dolor sit amet</a></h3>
<hr>
<p>
<span class="job-location">São Paulo-SP</span> .
<span class="job-published">Publicado há 2 meses</span>
<span class="label label-red pull-right">CLT</span>
<span class="label label-red pull-right">PJ</span>
<span class="label label-red pull-right">Full Time</span>
</p>
</div>
</div>
</div>
</div>
</section>
<footer id="footer">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<svg xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="75" width="184" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" viewBox="0 0 294.081 184.941">
<g transform="translate(0 -867)">
<g transform="translate(-625 1.01e3)">
<g transform="translate(187 167)">
<g transform="matrix(.620 0 0 .620 208 -172)">
<g fill="#fff" transform="matrix(.907 0 0 .907 270 -32.7)">
<path d="m148 60.4q0 6.04-3.17 9.52t-8.36 5.03q1.24 1.55 3.17 4.18 2.01 2.63 4.1 5.81 2.09 3.1 4.1 6.5 2.01 3.41 3.41 6.5h-5.65q-1.63-3.1-3.56-6.19-1.86-3.1-3.87-5.96-1.94-2.94-3.79-5.42-1.86-2.48-3.25-4.34-2.48 0.232-4.96 0.232h-8.67v21.7h-5.27v-52.7q2.79-0.774 6.5-1.08 3.79-0.387 6.97-0.387 11.1 0 16.6 4.18 5.65 4.18 5.65 12.4zm-21.7-12q-2.94 0-5.19 0.232-2.17 0.155-3.64 0.31v22.8h7.28q3.64 0 6.89-0.31 3.25-0.387 5.65-1.55 2.4-1.24 3.79-3.48 1.39-2.25 1.39-6.12 0-3.56-1.39-5.88t-3.64-3.64q-2.25-1.39-5.19-1.86-2.87-0.542-5.96-0.542z"/>
<path d="m190 96.5q-2.25 0.619-6.04 1.39-3.79 0.774-9.29 0.774-4.49 0-7.51-1.32t-4.88-3.72-2.71-5.81q-0.774-3.41-0.774-7.51v-22.5h5.03v20.8q0 4.26 0.619 7.2t2.01 4.8q1.39 1.78 3.56 2.63 2.25 0.774 5.42 0.774 3.56 0 6.19-0.387t3.33-0.697v-35.2h5.03v38.6z"/>
<path d="m208 60.3q1.32-1.01 4.18-2.09 2.94-1.16 6.89-1.16 4.34 0 7.67 1.55 3.41 1.55 5.73 4.34t3.48 6.66q1.24 3.79 1.24 8.36 0 4.88-1.47 8.75-1.39 3.87-4.03 6.58-2.56 2.71-6.19 4.18-3.56 1.39-7.98 1.39-5.34 0-8.83-0.697-3.48-0.697-5.73-1.47v-57.9l5.03-0.929v22.5zm0 32.9q1.16 0.387 3.41 0.774 2.32 0.31 6.04 0.31 6.5 0 10.5-4.18 3.95-4.26 3.95-12.2 0-3.33-0.697-6.27-0.697-3.02-2.25-5.19-1.55-2.25-4.1-3.56-2.48-1.32-6.19-1.32-1.78 0-3.41 0.387-1.63 0.31-3.02 0.852t-2.48 1.16q-1.01 0.619-1.7 1.16v28z"/>
<path d="m259 98.8q-2.56-4.72-4.96-9.83-2.32-5.11-4.41-10.3-2.01-5.27-3.72-10.5-1.7-5.27-2.94-10.3h5.34q0.852 3.72 2.17 8.05 1.32 4.26 2.94 8.83 1.7 4.57 3.72 9.37 2.01 4.8 4.34 9.45 1.7-4.8 3.02-9.06t2.4-8.44q1.16-4.26 2.17-8.67 1.08-4.41 2.25-9.52h5.03q-2.48 11.2-5.65 21.8t-6.89 19.4q-1.47 3.48-3.02 5.96-1.55 2.56-3.48 4.18-1.86 1.63-4.41 2.4-2.48 0.774-5.88 0.774-1.94 0-3.56-0.465-1.55-0.465-1.94-0.697l1.01-4.18q0.31 0.232 1.7 0.619 1.47 0.465 3.02 0.465 2.17 0 3.87-0.465 1.78-0.465 3.17-1.63 1.39-1.08 2.48-2.87 1.16-1.78 2.25-4.49z"/>
<path d="m312 80.3q0 3.95-0.852 7.36t-3.02 5.96q-2.09 2.56-5.73 4.03-3.56 1.47-9.06 1.47-5.11 0-8.9-1.39-3.72-1.47-5.73-3.1l3.48-7.67q1.94 1.32 4.72 2.56 2.87 1.16 5.81 1.16 4.96 0 7.2-2.48 2.25-2.48 2.25-8.52v-35.4h9.83v36z"/>
<path d="m361 77.6q0 4.8-1.39 8.75t-3.95 6.74-6.19 4.34q-3.56 1.55-7.9 1.55t-7.9-1.55-6.12-4.34-4.03-6.74q-1.39-3.95-1.39-8.75t1.39-8.67q1.47-3.95 4.03-6.74 2.63-2.79 6.19-4.26 3.56-1.55 7.82-1.55t7.82 1.55q3.64 1.47 6.19 4.26 2.56 2.79 3.95 6.74 1.47 3.87 1.47 8.67zm-9.6 0q0-6.04-2.63-9.52-2.56-3.56-7.2-3.56-4.65 0-7.28 3.56-2.56 3.48-2.56 9.52 0 6.12 2.56 9.68 2.63 3.56 7.28 3.56t7.2-3.56q2.63-3.56 2.63-9.68z"/>
<path d="m397 77.6q0-5.96-2.4-9.45-2.32-3.48-7.43-3.48-2.32 0-4.41 0.697-2.01 0.697-3.25 1.55v23.3q1.01 0.232 2.56 0.465 1.63 0.155 3.87 0.155 5.19 0 8.13-3.48 2.94-3.56 2.94-9.76zm9.6 0.155q0 4.88-1.47 8.83-1.39 3.87-4.1 6.66-2.63 2.79-6.43 4.26-3.79 1.47-8.6 1.47-4.65 0-8.9-0.697-4.18-0.697-6.97-1.55v-57.3l9.37-1.55v21q1.63-0.852 3.95-1.55 2.4-0.697 5.27-0.697 4.26 0 7.59 1.55 3.41 1.47 5.65 4.26 2.25 2.79 3.41 6.74 1.24 3.87 1.24 8.6z"/>
<path d="m427 91.2q3.72 0 5.42-0.852 1.7-0.929 1.7-3.1 0-2.01-1.86-3.33-1.78-1.32-5.96-2.87-2.56-0.929-4.72-1.94-2.09-1.08-3.64-2.48-1.55-1.39-2.48-3.33-0.852-2.01-0.852-4.88 0-5.58 4.1-8.75 4.1-3.25 11.2-3.25 3.56 0 6.81 0.697 3.25 0.619 4.88 1.24l-1.7 7.59q-1.55-0.697-3.95-1.24-2.4-0.619-5.58-0.619-2.87 0-4.65 1.01-1.78 0.929-1.78 2.94 0 1.01 0.31 1.78 0.387 0.774 1.24 1.47 0.852 0.619 2.25 1.32 1.39 0.619 3.41 1.32 3.33 1.24 5.65 2.48 2.32 1.16 3.79 2.71 1.55 1.47 2.25 3.41 0.697 1.94 0.697 4.65 0 5.81-4.34 8.83-4.26 2.94-12.2 2.94-5.34 0-8.6-0.929-3.25-0.852-4.57-1.39l1.63-7.82q2.09 0.852 4.96 1.63 2.94 0.774 6.66 0.774z"/>
<path d="m466 98.4q-1.32 0-3.1-0.155-1.7-0.0774-3.56-0.31-1.78-0.155-3.41-0.387-1.63-0.31-2.79-0.619v-51.6q1.39-0.387 3.1-0.619 1.7-0.31 3.48-0.465 1.86-0.232 3.56-0.31 1.78-0.0774 3.25-0.0774 4.34 0 8.21 0.697 3.95 0.697 6.89 2.32 2.94 1.63 4.65 4.34 1.78 2.63 1.78 6.58 0 4.34-2.25 7.43-2.17 3.02-5.88 4.18 2.32 0.542 4.26 1.55t3.41 2.63q1.47 1.55 2.25 3.87 0.852 2.25 0.852 5.42 0 7.59-6.04 11.6-6.04 3.95-18.7 3.95zm-7.59-26.2v21.1q1.16 0.155 3.48 0.387 2.32 0.155 4.72 0.155 3.56 0 6.89-0.465 3.41-0.465 5.96-1.7 2.56-1.24 4.1-3.41 1.55-2.17 1.55-5.58 0-3.1-1.08-5.11-1.08-2.09-3.1-3.25-2.01-1.24-4.96-1.7-2.87-0.465-6.43-0.465h-11.2zm0-4.49h10.2q2.87 0 5.42-0.387 2.56-0.465 4.41-1.55 1.94-1.16 3.02-3.02 1.08-1.94 1.08-4.88 0-2.63-1.16-4.41-1.16-1.86-3.33-3.02-2.09-1.16-5.03-1.63-2.94-0.542-6.5-0.542-2.87 0-4.88 0.155-1.94 0.155-3.25 0.387v18.9z"/>
<path d="m515 57.1q2.48 0 4.65 0.387 2.25 0.387 3.1 0.774l-1.01 4.34q-0.619-0.31-2.56-0.619-1.86-0.387-4.96-0.387-3.25 0-5.27 0.465-1.94 0.465-2.56 0.774v35.1h-5.03v-38.2q1.94-0.852 5.34-1.7 3.41-0.929 8.29-0.929z"/>
<path d="m543 94.3q2.94 0 5.11-0.155 2.25-0.232 3.79-0.542v-14.1q-0.852-0.387-2.71-0.774-1.86-0.465-5.11-0.465-1.86 0-3.87 0.31-2.01 0.232-3.72 1.16-1.7 0.852-2.79 2.4-1.08 1.55-1.08 4.1 0 2.25 0.697 3.79 0.774 1.55 2.09 2.48 1.39 0.929 3.25 1.39 1.94 0.387 4.34 0.387zm-0.465-37.3q3.95 0 6.66 1.16 2.79 1.08 4.49 3.1 1.7 1.94 2.48 4.65 0.774 2.71 0.774 5.88v25.2q-0.774 0.232-2.25 0.542-1.47 0.232-3.41 0.542t-4.34 0.465q-2.32 0.232-4.8 0.232-3.17 0-5.88-0.697-2.63-0.697-4.65-2.17-1.94-1.55-3.1-3.87-1.08-2.4-1.08-5.81 0-3.25 1.24-5.58 1.24-2.32 3.48-3.79 2.25-1.55 5.34-2.25 3.1-0.697 6.74-0.697 1.08 0 2.25 0.155 1.24 0.0774 2.32 0.31 1.16 0.155 1.94 0.387 0.852 0.155 1.16 0.31v-2.48q0-2.09-0.31-4.03-0.31-2.01-1.39-3.56-1.01-1.63-2.94-2.56-1.86-1.01-4.96-1.01-4.41 0-6.58 0.619t-3.17 1.01l-0.697-4.41q1.32-0.619 4.03-1.16 2.79-0.542 6.66-0.542z"/>
<path d="m595 62q-1.78 2.01-4.65 5.58-2.87 3.56-6.12 7.98-3.25 4.34-6.43 9.14-3.17 4.72-5.58 8.98h23.5v4.26h-29.3v-3.64q2.01-3.79 4.96-8.36 3.02-4.57 6.19-8.98 3.17-4.49 6.19-8.36 3.02-3.95 5.11-6.43h-21.3v-4.26h27.4v4.1z"/>
<path d="m610 97.9h-5.03v-40h5.03v40zm1.16-52.1q0 1.78-1.08 2.87-1.08 1.01-2.63 1.01t-2.63-1.01q-1.08-1.08-1.08-2.87 0-1.78 1.08-2.79 1.08-1.08 2.63-1.08t2.63 1.08q1.08 1.01 1.08 2.79z"/>
<path d="m634 98.6q-2.56-0.0774-4.49-0.697-1.86-0.542-3.17-1.7-1.24-1.24-1.94-3.1-0.619-1.94-0.619-4.8v-49.6l5.03-0.929v50.3q0 1.86 0.31 3.02 0.387 1.08 1.08 1.78 0.697 0.619 1.78 0.929 1.16 0.31 2.71 0.542l-0.697 4.18z"/>
</g>
<g transform="matrix(.513 0 0 .513 858 -37.4)" stroke="#fff" fill="none">
<g transform="matrix(.150 0 0 .150 16.1 -128)">
<path stroke-linejoin="round" d="m-3.36e3 425l-845-840h1.69e3l-845 840zm563-1.27e3c93.8 141 188 281 282 422h-563c93.8-141 188-281 282-422zm-563 0c93.8 141 188 281 282 422h-563c93.8-141 188-281 282-422zm-563 0c93.8 141 188 281 282 422h-563c93.8-141 188-281 282-422zm3.94-0.367h1.12e3" stroke-width="40.2"/>
<path d="m-3.08e3 -436c-94.8 276-190 553-284 829m-279-828c93.1 276 186 552 279 828" stroke-linecap="round" stroke-width="49.1"/>
</g>
<path stroke-linejoin="round" d="m-739-306h502v292h-502z" stroke-linecap="round" stroke-width="21.6"/>
<g stroke-linejoin="round" transform="translate(-7.52)" stroke-linecap="round">
<path d="m-548-364h135v58h-135z" stroke-width="17.2"/>
<path d="m-667-317h39.6v9.9h-39.6z" stroke-width="20"/>
<path d="m-334-317h39.6v9.9h-39.6z" stroke-width="20"/>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
<p>
<a href="#">Home</a>
<a href="#">Artigos</a>
<a href="#">Publicar Vaga</a>
<a href="#">Login</a>
</p>
</div>
</div>
</div>
</footer>
<script id="jsbin-source-css" type="text/css">@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,700');
//$bg: #cccccc;
$bg: #f9f9f9;
$fg: #666666;
$title-1: #c14348;
$light : #ffffff;
$gray : #888888;
$gray_dark : #666666;
$gray_light: #aaaaaa;
$red : #c14348;
$dark : #333333;
/* defaults */
.section-title {
color: $red;
font-weight: 300;
font-family: 'Ubuntu', sans-serif;
}
/* custom */
body {
color: $fg;
background-color: $bg;
}
header {
miin-height: 150px;
padding-bottom: 50px;
background-color: $red;
li {
a {
color: $light;
background-color: transparent;
border-bottom: solid 3px transparent;
&:hover {
color: $light;
background-color: transparent !important;
border-bottom: solid 3px $light;
}
}
}
}
footer {
padding: 75px 0px;
margin-top: 100px;
background-color: $dark;
a {
color: $light;
margin: 2px 5px;
&:hover {
color: $gray_light;
}
}
}
.logo {
padding: 50px 0px 50px 0px;
}
.top-title {
background-color: $bg;
margin-top: -60px;
margin-bottom: 10px;
padding: 2px 30px 10px 30px;
border-radius: 4px 4px 0px 0px;
}
.list-panel {
width: 94%;
background-color: $light;
padding: 20px 40px;
margin-right: auto;
margin-left: auto;
margin-top: 40px;
box-shadow: 0px 0px 8px rgba(200, 200, 200, 0.8);
.job-title {
padding: 0px;
margin:0px;
a {color: $gray_dark}
}
hr {
width: 40%;
margin: 4px 0px 0px 4px;
}
.job-location, .job-published {
color: $gray
}
&:hover {
//box-shadow: 0px 0px 8px rgba(100, 100, 100, 0.8);
}
}
/* custom components */
.label {
line-height: 14px;
padding: 4px 10px 4px 10px;
border-radius: 15px;
}
.label-red {
background-color: $red;
margin-left: 10px;
}</script>
</body>
</html>
Raw
jsbin.gadomez.css
@import url("https://fonts.googleapis.com/css?family=Ubuntu:300,400,700");
/* defaults */
.section-title {
color: #c14348;
font-weight: 300;
font-family: 'Ubuntu', sans-serif;
}
/* custom */
body {
color: #666666;
background-color: #f9f9f9;
}
header {
miin-height: 150px;
padding-bottom: 50px;
background-color: #c14348;
}
header li a {
color: white;
background-color: transparent;
border-bottom: solid 3px transparent;
}
header li a:hover {
color: white;
background-color: transparent !important;
border-bottom: solid 3px white;
}
footer {
padding: 75px 0px;
margin-top: 100px;
background-color: #333333;
}
footer a {
color: white;
margin: 2px 5px;
}
footer a:hover {
color: #aaaaaa;
}
.logo {
padding: 50px 0px 50px 0px;
}
.top-title {
background-color: #f9f9f9;
margin-top: -60px;
margin-bottom: 10px;
padding: 2px 30px 10px 30px;
border-radius: 4px 4px 0px 0px;
}
.list-panel {
width: 94%;
background-color: white;
padding: 20px 40px;
margin-right: auto;
margin-left: auto;
margin-top: 40px;
box-shadow: 0px 0px 8px rgba(200, 200, 200, 0.8);
}
.list-panel .job-title {
padding: 0px;
margin: 0px;
}
.list-panel .job-title a {
color: #666666;
}
.list-panel hr {
width: 40%;
margin: 4px 0px 0px 4px;
}
.list-panel .job-location, .list-panel .job-published {
color: #888888;
}
/* custom components */
.label {
line-height: 14px;
padding: 4px 10px 4px 10px;
border-radius: 15px;
}
.label-red {
background-color: #c14348;
margin-left: 10px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment