Na wejście jako pierwsza tego typu praca to pewnie coś koło 2,5k, z możliwością szybkiej podwyżki w zależności od umiejętności.Cytuj:
@Rollercoster ;
http://html.stronademo.pl/rollercoster/
Kod:
<style>
.main-section {
background-color:#ddd;
border-radius: 16px;
padding:20px;
}
.section-type-label {
float:left;
width:200px;
font-size: 20px;
padding:6px 0px 5px;
text-align: center;
text-transform: uppercase;
}
.section-type-title {
margin-left:220px;
background:#fff;
border-radius: 7px;
font-size: 20px;
text-align: center;
text-transform: uppercase;
padding:6px 15px 5px;
margin-bottom: 0;
margin-top:0;
}
.section-type {
margin-bottom:20px;
}
.section-name {
border-radius: 7px;
background:#fff;
text-align: center;
text-transform: uppercase;
font-size: 20px;
padding:6px 15px 5px;
margin-bottom: 20px;
}
.section-box {
float:left;
width: 31.33333%;
margin-left: 3%;
}
.section-box:first-child {margin-left: 0;}
.section-box-title {
text-align: center;
font-size: 18px;
margin-bottom: 10px;
}
.section-box-content {
display: table;
background:#fff;
border-radius: 7px;
width:100%;
min-height: 200px;
}
.section-box-inner {
display: table-cell;
vertical-align: middle;
text-align: center;
height: 100%;
}
.clearfix:after {
clear:both;content:".";visibility: hidden;height:0;display:block;
}
</style>
<div class="main-section">
<div class="section-type clearfix">
<div class="section-type-label">
Typ
</div>
<h3 class="section-type-title">
Poradnia andrologiczna
</h3>
</div>
<h2 class="section-name">Centrum Diagnostyczno-Terapeutyczne Medicus SP. Z O.O.</h2>
<div class="section-boxes-container clearfix">
<div class="section-box section-stan">
<h4 class="section-box-title">Stan pacjenta</h4>
<div class="section-box-content">
<div class="section-box-inner">
<p>
Przypadek pilny
</p>
</div>
</div>
</div>
<div class="section-box section-adres">
<h4 class="section-box-title">Adres</h4>
<div class="section-box-content">
<div class="section-box-inner">
<p>
Jakiś tutaj sobie adresik
</p>
</div>
</div>
</div>
<div class="section-box section-czas">
<h4 class="section-box-title">czas oczekiwania</h4>
<div class="section-box-content">
<div class="section-box-inner">
<p>
8 dni
</p>
</div>
</div>
</div>
</div>
</div>
@Haan ;
Co o tym sądzisz? :>