A Pen by Rafael Abensur
How do I make an a pen by rafael abensur?
What is a a pen by rafael abensur? How do you make a a pen by rafael abensur? This script and codes were developed by Rafael Abensur on 12 September 2022, Monday.
A Pen by Rafael Abensur - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Rafael Abensur</title> <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="container medical-centers__container ng-scope" ng-controller="MedicalCentersCtrl"> <!-- ngRepeat: medicalCenter in medicalCenters | filter:search --><section class="medical-centers__region ng-scope" id="1" ng-repeat="medicalCenter in medicalCenters | filter:search" ng-hide="medicalCenter.units.length === 0"> <header class="medical-centers__sub-header"> <h2 class="medical-centers__sub-title ng-binding">Santos e São Vicente</h2> </header> <ul class="medical-centers__list"> <!-- ngRepeat: unit in medicalCenter.units | filter:search --><li class="medical-centers__item ng-scope" ng-repeat="unit in medicalCenter.units | filter:search"> <a class="medical-centers__box" href="/centrosmedicos/brisamar"> <span class="medical-centers__pin"></span> <div class="medical-centers__description"> <span class="medical-centers__state ng-binding">São Vicente</span> <h3 class="medical-centers__district ng-binding" ng-class="!unit.open && unit.featuredOpened ? 'medical-centers__district--new' : ''">Brisamar</h3> <span class="medical-centers__street ng-binding">Rua Frei Gaspar, 365</span> </div> </a> </li><!-- end ngRepeat: unit in medicalCenter.units | filter:search --> </ul> </section><!-- end ngRepeat: medicalCenter in medicalCenters | filter:search --><section class="medical-centers__region ng-scope" id="2" ng-repeat="medicalCenter in medicalCenters | filter:search" ng-hide="medicalCenter.units.length === 0"> <header class="medical-centers__sub-header"> <h2 class="medical-centers__sub-title ng-binding">Grande São Paulo</h2> </header> <ul class="medical-centers__list"> <!-- ngRepeat: unit in medicalCenter.units | filter:search --><li class="medical-centers__item ng-scope" ng-repeat="unit in medicalCenter.units | filter:search"> <a class="medical-centers__box" href="/centrosmedicos/diadema"> <span class="medical-centers__pin"></span> <div class="medical-centers__description"> <span class="medical-centers__state ng-binding">Diadema</span> <h3 class="medical-centers__district ng-binding" ng-class="!unit.open && unit.featuredOpened ? 'medical-centers__district--new' : ''">Diadema</h3> <span class="medical-centers__street ng-binding">Rua Manoel da Nóbrega, 712</span> </div> </a> </li><!-- end ngRepeat: unit in medicalCenter.units | filter:search --><li class="medical-centers__item ng-scope" ng-repeat="unit in medicalCenter.units | filter:search"> <a class="medical-centers__box" href="/centrosmedicos/guarulhos"> <span class="medical-centers__pin"></span> <div class="medical-centers__description"> <span class="medical-centers__state ng-binding">Guarulhos</span> <h3 class="medical-centers__district ng-binding" ng-class="!unit.open && unit.featuredOpened ? 'medical-centers__district--new' : ''">Guarulhos</h3> <span class="medical-centers__street ng-binding">Rua João Gonçalves 261, 271 e 275</span> </div> </a> </li><!-- end ngRepeat: unit in medicalCenter.units | filter:search --><li class="medical-centers__item ng-scope" ng-repeat="unit in medicalCenter.units | filter:search"> <a class="medical-centers__box" href="/centrosmedicos/maua"> <span class="medical-centers__pin"></span> <div class="medical-centers__description"> <span class="medical-centers__state ng-binding">Mauá</span> <h3 class="medical-centers__district ng-binding" ng-class="!unit.open && unit.featuredOpened ? 'medical-centers__district--new' : ''">Mauá</h3> <span class="medical-centers__street ng-binding">Av. Governador Mário Covas Júnior 01</span> </div> </a> </li><!-- end ngRepeat: unit in medicalCenter.units | filter:search --><li class="medical-centers__item ng-scope" ng-repeat="unit in medicalCenter.units | filter:search"> <a class="medical-centers__box" href="/centrosmedicos/osasco"> <span class="medical-centers__pin"></span> <div class="medical-centers__description"> <span class="medical-centers__state ng-binding">Osasco</span> <h3 class="medical-centers__district ng-binding" ng-class="!unit.open && unit.featuredOpened ? 'medical-centers__district--new' : ''">Osasco</h3> <span class="medical-centers__street ng-binding">Rua Dona Primitiva Vianco, 145</span> </div> </a> </li><!-- end ngRepeat: unit in medicalCenter.units | filter:search --><li class="medical-centers__item ng-scope" ng-repeat="unit in medicalCenter.units | filter:search"> <a class="medical-centers__box" href="/centrosmedicos/santo-andre"> <span class="medical-centers__pin"></span> <div class="medical-centers__description"> <span class="medical-centers__state ng-binding">Santo Andre</span> <h3 class="medical-centers__district ng-binding" ng-class="!unit.open && unit.featuredOpened ? 'medical-centers__district--new' : ''">Santo André</h3> <span class="medical-centers__street ng-binding">Rua Senador Fláquer 72</span> </div> </a> </li><!-- end ngRepeat: unit in medicalCenter.units | filter:search --><li class="medical-centers__item ng-scope" ng-repeat="unit in medicalCenter.units | filter:search"> <a class="medical-centers__box" href="/centrosmedicos/taboao"> <span class="medical-centers__pin"></span> <div class="medical-centers__description"> <span class="medical-centers__state ng-binding">Taboão da Serra</span> <h3 class="medical-centers__district ng-binding" ng-class="!unit.open && unit.featuredOpened ? 'medical-centers__district--new' : ''">Taboão</h3> <span class="medical-centers__street ng-binding">Praça Nicola Vivilechio, 103</span> </div> </a> </li><!-- end ngRepeat: unit in medicalCenter.units | filter:search --> </ul> </section><!-- end ngRepeat: medicalCenter in medicalCenters | filter:search --><section class="medical-centers__region ng-scope" id="3" ng-repeat="medicalCenter in medicalCenters | filter:search" ng-hide="medicalCenter.units.length === 0"> <header class="medical-centers__sub-header"> <h2 class="medical-centers__sub-title ng-binding">São Paulo Capital</h2> </header> <ul class="medical-centers__list"> <!-- ngRepeat: unit in medicalCenter.units | filter:search --><li class="medical-centers__item ng-scope" ng-repeat="unit in medicalCenter.units | filter:search"> <a class="medical-centers__box" href="/centrosmedicos/ibirapuera"> <span class="medical-centers__pin"></span> <div class="medical-centers__description"> <span class="medical-centers__state ng-binding">São Paulo</span> <h3 class="medical-centers__district ng-binding" ng-class="!unit.open && unit.featuredOpened ? 'medical-centers__district--new' : ''">Ibirapuera</h3> <span class="medical-centers__street ng-binding">Av. Ibirapuera 2523</span> </div> </a> </li><!-- end ngRepeat: unit in medicalCenter.units | filter:search --><li class="medical-centers__item ng-scope" ng-repeat="unit in medicalCenter.units | filter:search"> <a class="medical-centers__box" href="/centrosmedicos/anacosta"> <span class="medical-centers__pin"></span> <div class="medical-centers__description"> <span class="medical-centers__state ng-binding">Santos</span> <h3 class="medical-centers__district ng-binding medical-centers__district--new" ng-class="!unit.open && unit.featuredOpened ? 'medical-centers__district--new' : ''">Ana Costa</h3> <span class="medical-centers__street ng-binding" style=" line-height:;
">Av. Dona Ana Costa, 418 (loja térreo) e 416/11 (sobreloja)</span> </div> </a> </li><!-- end ngRepeat: unit in medicalCenter.units | filter:search --><li class="medical-centers__item ng-scope" ng-repeat="unit in medicalCenter.units | filter:search"> <a class="medical-centers__box" href="/centrosmedicos/continental"> <span class="medical-centers__pin"></span> <div class="medical-centers__description"> <span class="medical-centers__state ng-binding">São Paulo</span> <h3 class="medical-centers__district ng-binding medical-centers__district--new" ng-class="!unit.open && unit.featuredOpened ? 'medical-centers__district--new' : ''">Continental</h3> <span class="medical-centers__street ng-binding">Av Leão Machado, 100</span> </div> </a> </li><!-- end ngRepeat: unit in medicalCenter.units | filter:search --><li class="medical-centers__item ng-scope" ng-repeat="unit in medicalCenter.units | filter:search"> <a class="medical-centers__box" href="/centrosmedicos/barrafunda"> <span class="medical-centers__pin"></span> <div class="medical-centers__description"> <span class="medical-centers__state ng-binding">São Paulo</span> <h3 class="medical-centers__district ng-binding" ng-class="!unit.open && unit.featuredOpened ? 'medical-centers__district--new' : ''">Barra Funda</h3> <span class="medical-centers__street ng-binding">Rua Quirino dos Santos, 242</span> </div> </a> </li><!-- end ngRepeat: unit in medicalCenter.units | filter:search --><li class="medical-centers__item ng-scope" ng-repeat="unit in medicalCenter.units | filter:search"> <a class="medical-centers__box" href="/centrosmedicos/bras"> <span class="medical-centers__pin"></span> <div class="medical-centers__description"> <span class="medical-centers__state ng-binding">São Paulo</span> <h3 class="medical-centers__district ng-binding" ng-class="!unit.open && unit.featuredOpened ? 'medical-centers__district--new' : ''">Brás</h3> <span class="medical-centers__street ng-binding">Av. Rangel Pestana, 2104</span> </div> </a> </li><!-- end ngRepeat: unit in medicalCenter.units | filter:search --><li class="medical-centers__item ng-scope" ng-repeat="unit in medicalCenter.units | filter:search"> <a class="medical-centers__box" href="/centrosmedicos/butanta"> <span class="medical-centers__pin"></span> <div class="medical-centers__description"> <span class="medical-centers__state ng-binding">São Paulo</span> <h3 class="medical-centers__district ng-binding" ng-class="!unit.open && unit.featuredOpened ? 'medical-centers__district--new' : ''">Butantã</h3> <span class="medical-centers__street ng-binding">Av. Vital Brasil, 466</span> </div> </a> </li><!-- end ngRepeat: unit in medicalCenter.units | filter:search --><li class="medical-centers__item ng-scope" ng-repeat="unit in medicalCenter.units | filter:search"> <a class="medical-centers__box" href="/centrosmedicos/capaoredondo"> <span class="medical-centers__pin"></span> <div class="medical-centers__description"> <span class="medical-centers__state ng-binding">São Paulo</span> <h3 class="medical-centers__district ng-binding" ng-class="!unit.open && unit.featuredOpened ? 'medical-centers__district--new' : ''">Capão Redondo</h3> <span class="medical-centers__street ng-binding">Estrada de Itapecerica, 5001</span> </div> </a> </li><!-- end ngRepeat: unit in medicalCenter.units | filter:search --><li class="medical-centers__item ng-scope" ng-repeat="unit in medicalCenter.units | filter:search"> <a class="medical-centers__box" href="/centrosmedicos/consolacao"> <span class="medical-centers__pin"></span> <div class="medical-centers__description"> <span class="medical-centers__state ng-binding">São Paulo</span> <h3 class="medical-centers__district ng-binding" ng-class="!unit.open && unit.featuredOpened ? 'medical-centers__district--new' : ''">Consolação</h3> <span class="medical-centers__street ng-binding">Rua da Consolação, 2352</span> </div> </a> </li><!-- end ngRepeat: unit in medicalCenter.units | filter:search --><li class="medical-centers__item ng-scope" ng-repeat="unit in medicalCenter.units | filter:search"> <a class="medical-centers__box" href="/centrosmedicos/brigadeiro"> <span class="medical-centers__pin"></span> <div class="medical-centers__description"> <span class="medical-centers__state ng-binding">São Paulo</span> <h3 class="medical-centers__district ng-binding" ng-class="!unit.open && unit.featuredOpened ? 'medical-centers__district--new' : ''">Extra Brigadeiro</h3> <span class="medical-centers__street ng-binding">Av Brigadeiro Luis Antonio, 2013</span> </div> </a> </li><!-- end ngRepeat: unit in medicalCenter.units | filter:search --><li class="medical-centers__item ng-scope" ng-repeat="unit in medicalCenter.units | filter:search"> <a class="medical-centers__box" href="/centrosmedicos/itaim"> <span class="medical-centers__pin"></span> <div class="medical-centers__description"> <span class="medical-centers__state ng-binding">São Paulo</span> <h3 class="medical-centers__district ng-binding" ng-class="!unit.open && unit.featuredOpened ? 'medical-centers__district--new' : ''">Extra Itaim</h3> <span class="medical-centers__street ng-binding">Rua João Cachoeira, 899</span> </div> </a> </li><!-- end ngRepeat: unit in medicalCenter.units | filter:search --><li class="medical-centers__item ng-scope" ng-repeat="unit in medicalCenter.units | filter:search"> <a class="medical-centers__box" href="/centrosmedicos/itaquera"> <span class="medical-centers__pin"></span> <div class="medical-centers__description"> <span class="medical-centers__state ng-binding">São Paulo</span> <h3 class="medical-centers__district ng-binding" ng-class="!unit.open && unit.featuredOpened ? 'medical-centers__district--new' : ''">Itaquera</h3> <span class="medical-centers__street ng-binding">Av. José Pinheiro Borges, s/n</span> </div> </a> </li><!-- end ngRepeat: unit in medicalCenter.units | filter:search --><li class="medical-centers__item ng-scope" ng-repeat="unit in medicalCenter.units | filter:search"> <a class="medical-centers__box" href="/centrosmedicos/lapa"> <span class="medical-centers__pin"></span> <div class="medical-centers__description"> <span class="medical-centers__state ng-binding">São Paulo</span> <h3 class="medical-centers__district ng-binding" ng-class="!unit.open && unit.featuredOpened ? 'medical-centers__district--new' : ''">Lapa</h3> <span class="medical-centers__street ng-binding">Rua John Harrison, 47 e 51</span> </div> </a> </li><!-- end ngRepeat: unit in medicalCenter.units | filter:search --><li class="medical-centers__item ng-scope" ng-repeat="unit in medicalCenter.units | filter:search"> <a class="medical-centers__box" href="/centrosmedicos/largotreze"> <span class="medical-centers__pin"></span> <div class="medical-centers__description"> <span class="medical-centers__state ng-binding">São Paulo</span> <h3 class="medical-centers__district ng-binding" ng-class="!unit.open && unit.featuredOpened ? 'medical-centers__district--new' : ''">Largo Treze</h3> <span class="medical-centers__street ng-binding">Rua Barão do Rio Branco, 184</span> </div> </a> </li><!-- end ngRepeat: unit in medicalCenter.units | filter:search --><li class="medical-centers__item ng-scope" ng-repeat="unit in medicalCenter.units | filter:search"> <a class="medical-centers__box" href="/centrosmedicos/luz"> <span class="medical-centers__pin"></span> <div class="medical-centers__description"> <span class="medical-centers__state ng-binding">São Paulo</span> <h3 class="medical-centers__district ng-binding" ng-class="!unit.open && unit.featuredOpened ? 'medical-centers__district--new' : ''">Luz</h3> <span class="medical-centers__street ng-binding">R. Brigadeiro Tobias, 600</span> </div> </a> </li><!-- end ngRepeat: unit in medicalCenter.units | filter:search --><li class="medical-centers__item ng-scope" ng-repeat="unit in medicalCenter.units | filter:search"> <a class="medical-centers__box" href="/centrosmedicos/jabaquara"> <span class="medical-centers__pin"></span> <div class="medical-centers__description"> <span class="medical-centers__state ng-binding">São Paulo</span> <h3 class="medical-centers__district ng-binding" ng-class="!unit.open && unit.featuredOpened ? 'medical-centers__district--new' : ''">Metrô Jabaquara</h3> <span class="medical-centers__street ng-binding">Rua dos Buritis, 128</span> </div> </a> </li><!-- end ngRepeat: unit in medicalCenter.units | filter:search --><li class="medical-centers__item ng-scope" ng-repeat="unit in medicalCenter.units | filter:search"> <a class="medical-centers__box" href="/centrosmedicos/sacoma"> <span class="medical-centers__pin"></span> <div class="medical-centers__description"> <span class="medical-centers__state ng-binding">São Paulo</span> <h3 class="medical-centers__district ng-binding" ng-class="!unit.open && unit.featuredOpened ? 'medical-centers__district--new' : ''">Metrô Sacomã</h3> <span class="medical-centers__street ng-binding">Rua Silva Bueno, 2408</span> </div> </a> </li><!-- end ngRepeat: unit in medicalCenter.units | filter:search --><li class="medical-centers__item ng-scope" ng-repeat="unit in medicalCenter.units | filter:search"> <a class="medical-centers__box" href="/centrosmedicos/shopping-metro-tatuape"> <span class="medical-centers__pin"></span> <div class="medical-centers__description"> <span class="medical-centers__state ng-binding">São Paulo</span> <h3 class="medical-centers__district ng-binding" ng-class="!unit.open && unit.featuredOpened ? 'medical-centers__district--new' : ''">Metrô Tatuapé</h3> <span class="medical-centers__street ng-binding">Rua Domingos Agostin, 91</span> </div> </a> </li><!-- end ngRepeat: unit in medicalCenter.units | filter:search --><li class="medical-centers__item ng-scope" ng-repeat="unit in medicalCenter.units | filter:search"> <a class="medical-centers__box" href="/centrosmedicos/novejulho"> <span class="medical-centers__pin"></span> <div class="medical-centers__description"> <span class="medical-centers__state ng-binding">São Paulo</span> <h3 class="medical-centers__district ng-binding" ng-class="!unit.open && unit.featuredOpened ? 'medical-centers__district--new' : ''">Nove de julho</h3> <span class="medical-centers__street ng-binding">Av. Nove de Julho, 3755</span> </div> </a> </li><!-- end ngRepeat: unit in medicalCenter.units | filter:search --><li class="medical-centers__item ng-scope" ng-repeat="unit in medicalCenter.units | filter:search"> <a class="medical-centers__box" href="/centrosmedicos/paraiso"> <span class="medical-centers__pin"></span> <div class="medical-centers__description"> <span class="medical-centers__state ng-binding">São Paulo</span> <h3 class="medical-centers__district ng-binding" ng-class="!unit.open && unit.featuredOpened ? 'medical-centers__district--new' : ''">Paraíso</h3> <span class="medical-centers__street ng-binding">Av. Bernardino de Campos, 358</span> </div> </a> </li><!-- end ngRepeat: unit in medicalCenter.units | filter:search --><li class="medical-centers__item ng-scope" ng-repeat="unit in medicalCenter.units | filter:search"> <a class="medical-centers__box" href="/centrosmedicos/penha"> <span class="medical-centers__pin"></span> <div class="medical-centers__description"> <span class="medical-centers__state ng-binding">São Paulo</span> <h3 class="medical-centers__district ng-binding" ng-class="!unit.open && unit.featuredOpened ? 'medical-centers__district--new' : ''">Penha</h3> <span class="medical-centers__street ng-binding">Av. Penha de França, 485</span> </div> </a> </li><!-- end ngRepeat: unit in medicalCenter.units | filter:search --><li class="medical-centers__item ng-scope" ng-repeat="unit in medicalCenter.units | filter:search"> <a class="medical-centers__box" href="/centrosmedicos/republica"> <span class="medical-centers__pin"></span> <div class="medical-centers__description"> <span class="medical-centers__state ng-binding">São Paulo</span> <h3 class="medical-centers__district ng-binding" ng-class="!unit.open && unit.featuredOpened ? 'medical-centers__district--new' : ''">Republica</h3> <span class="medical-centers__street ng-binding">Rua Conselheiro Crispiniano 155</span> </div> </a> </li><!-- end ngRepeat: unit in medicalCenter.units | filter:search --><li class="medical-centers__item ng-scope" ng-repeat="unit in medicalCenter.units | filter:search"> <a class="medical-centers__box" href="/centrosmedicos/spmarket"> <span class="medical-centers__pin"></span> <div class="medical-centers__description"> <span class="medical-centers__state ng-binding">São Paulo</span> <h3 class="medical-centers__district ng-binding" ng-class="!unit.open && unit.featuredOpened ? 'medical-centers__district--new' : ''">SP Market</h3> <span class="medical-centers__street ng-binding">Av das Nações Unidas, 22540</span> </div> </a> </li><!-- end ngRepeat: unit in medicalCenter.units | filter:search --><li class="medical-centers__item ng-scope" ng-repeat="unit in medicalCenter.units | filter:search"> <a class="medical-centers__box" href="/centrosmedicos/santacruz"> <span class="medical-centers__pin"></span> <div class="medical-centers__description"> <span class="medical-centers__state ng-binding">São Paulo</span> <h3 class="medical-centers__district ng-binding" ng-class="!unit.open && unit.featuredOpened ? 'medical-centers__district--new' : ''">Santa Cruz</h3> <span class="medical-centers__street ng-binding">Rua Domingos de Morais, 2432</span> </div> </a> </li><!-- end ngRepeat: unit in medicalCenter.units | filter:search --><li class="medical-centers__item ng-scope" ng-repeat="unit in medicalCenter.units | filter:search"> <a class="medical-centers__box" href="/centrosmedicos/santana"> <span class="medical-centers__pin"></span> <div class="medical-centers__description"> <span class="medical-centers__state ng-binding">São Paulo</span> <h3 class="medical-centers__district ng-binding" ng-class="!unit.open && unit.featuredOpened ? 'medical-centers__district--new' : ''">Santana</h3> <span class="medical-centers__street ng-binding">Av Cruzeiro do Sul, 3099</span> </div> </a> </li><!-- end ngRepeat: unit in medicalCenter.units | filter:search --><li class="medical-centers__item ng-scope" ng-repeat="unit in medicalCenter.units | filter:search"> <a class="medical-centers__box" href="/centrosmedicos/sao-bernardo"> <span class="medical-centers__pin"></span> <div class="medical-centers__description"> <span class="medical-centers__state ng-binding">São Bernardo do Campo</span> <h3 class="medical-centers__district ng-binding" ng-class="!unit.open && unit.featuredOpened ? 'medical-centers__district--new' : ''">São Bernardo</h3> <span class="medical-centers__street ng-binding">Av. Rotary, 624</span> </div> </a> </li><!-- end ngRepeat: unit in medicalCenter.units | filter:search --><li class="medical-centers__item ng-scope" ng-repeat="unit in medicalCenter.units | filter:search"> <a class="medical-centers__box" href="/centrosmedicos/teodoro"> <span class="medical-centers__pin"></span> <div class="medical-centers__description"> <span class="medical-centers__state ng-binding">São Paulo</span> <h3 class="medical-centers__district ng-binding" ng-class="!unit.open && unit.featuredOpened ? 'medical-centers__district--new' : ''">Teodoro</h3> <span class="medical-centers__street ng-binding">Rua Teodoro Sampaio, 2767</span> </div> </a> </li><!-- end ngRepeat: unit in medicalCenter.units | filter:search --><li class="medical-centers__item ng-scope" ng-repeat="unit in medicalCenter.units | filter:search"> <a class="medical-centers__box" href="/centrosmedicos/tucuruvi"> <span class="medical-centers__pin"></span> <div class="medical-centers__description"> <span class="medical-centers__state ng-binding">São Paulo</span> <h3 class="medical-centers__district ng-binding" ng-class="!unit.open && unit.featuredOpened ? 'medical-centers__district--new' : ''">Tucuruvi</h3> <span class="medical-centers__street ng-binding">Av. Tucuruvi 990</span> </div> </a> </li><!-- end ngRepeat: unit in medicalCenter.units | filter:search --> </ul> </section><!-- end ngRepeat: medicalCenter in medicalCenters | filter:search --> </div>
</body>
</html>
A Pen by Rafael Abensur - Script Codes CSS Codes
body { background-color: #a7a9ac;
}
.medical-centers__container { overflow: auto;
}
.medical-centers__header { margin-top: 20px;
}
@media screen and (min-width: 768px) { .medical-centers__header { margin-top: 30px; }
}
.medical-centers__title { font-size: 24px; line-height: 1; margin-bottom: 30px;
}
@media screen and (min-width: 768px) { .medical-centers__title { font-size: 30px; }
}
.medical-centers__form-group { margin-bottom: 0;
}
.medical-centers__form-legend { background-image: url(/images/medical-centers/home/icon_star.svg); background-position-x: left; background-position-y: center; background-repeat: no-repeat; background-size: 14px; padding-left: 30px;
}
@media (min-width: 768px) { .medical-centers__form-legend { background-position-y: bottom; line-height: 11px; }
}
.medical-centers__anchor { color: #8b8b90; text-decoration: underline; transition: color 0.2s ease-out;
}
.medical-centers__region { margin-top: 80px;
}
.medical-centers__region:last-child { margin-bottom: 75px;
}
.medical-centers__sub-header { margin-bottom: 10px;
}
.medical-centers__sub-title { font-size: 22px; font-weight: normal; margin-bottom: 0; padding-bottom: 10px; position: relative;
}
.medical-centers__sub-title::after { border-top: 1px solid #a7a9ac; bottom: 0; content: ""; left: 0; position: absolute; right: 0;
}
@media screen and (min-width: 768px) { .medical-centers__sub-title { font-size: 24px; }
}
.medical-centers__list { display: flex; flex-flow: row wrap;
}
.medical-centers__item { list-style: none; flex: 0 100%; outline: 1px solid black;
}
@media screen and (min-width: 768px) { .medical-centers__item { flex: 0 50%; }
}
@media screen and (min-width: 992px) { .medical-centers__item { flex: 0 33%; }
}
.medical-centers__box { display: flex; height: 100%; padding: 20px; transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out;
}
.medical-centers__box:focus, .medical-centers__box:hover { background-color: #fff; text-decoration: none; box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.2);
}
.medical-centers__pin { background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/20221/iconmonstr-location-1.svg); background-position-y: 5px; background-repeat: no-repeat; background-size: 24px 34px; flex: 0 24px; margin-right: 20px;
}
.medical-centers__description { flex: 1;
}
.medical-centers__state { color: #1164a6; font-size: 12px; text-transform: uppercase;
}
.medical-centers__district { color: #65656a; font-size: 20px; line-height: 1; margin-bottom: 0;
}
@media screen and (min-width: 768px) { .medical-centers__district { font-size: 22px; }
}
.medical-centers__district--new:after { background-color: #f68c3d; border-radius: 15px; color: white; content: "Novo"; display: inline-block; font-size: 10px; line-height: inherit; margin-left: 20px; padding: 5px 10px; text-transform: uppercase; vertical-align: top;
}
.medical-centers__street { color: #8b8b90; font-size: 12px; line-height: 1.45; margin-top: 6px; display: inline-block;
}
@media screen and (min-width: 768px) { .medical-centers { font-size: 14px; }
}
Developer | Rafael Abensur |
Username | abensur |
Uploaded | September 12, 2022 |
Rating | 3 |
Size | 5,301 Kb |
Views | 20,240 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
Divinding circle | 2,390 Kb |
Tesseract experiments | 3,557 Kb |
Algorithm practice | 5,620 Kb |
D3.js with CSS sprites | 9,304 Kb |
D3.js Brazil Economic Underwater | 4,368 Kb |
Amadurou Logo Animation | 3,208 Kb |
Chart tooltip example | 2,757 Kb |
Responsive SVG thermometer | 3,711 Kb |
Roundout Ribbon | 2,907 Kb |
React Progress Bar | 8,893 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
Improve | Gavra | 1,652 Kb |
TweetBox with React JS | J0zelito | 3,325 Kb |
ABVI Menu Discarded | Overdrivemachines | 3,607 Kb |
Sticky div | Kaslab | 2,225 Kb |
Tooltip in table | Roine | 3,713 Kb |
Responsive Menu I | Rodericksandoval | 3,045 Kb |
Login with flip 3d animation | Afiq | 3,012 Kb |
Drag n Drop | Martin42 | 2,594 Kb |
Custom Select Element | Agrayson | 3,616 Kb |
Cartoon Bomb | Tcmulder | 4,929 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!