API tools faq
paste
Advertisement
claukiller

trabajo

claukiller
Nov 6th, 2017
154
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.81 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5. <meta charset="utf-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  8. <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
  9. <meta name="description" content="">
  10. <meta name="author" content="">
  11. <link rel="icon" href="">
  12.  
  13. <title>Basescss</title>
  14.  
  15. <!-- Bootstrap & simbiosys base core CSS -->
  16. <link href="css/screen.css" rel="stylesheet">
  17. <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800" rel="stylesheet">
  18.  
  19.  
  20. </head>
  21.  
  22. <body>
  23. <div class="container-fluid">
  24. <div class="row">
  25. <div class="col-xs-12">
  26. <div class="display-t width-0100">
  27. <div class="display-tc">
  28. <!--logo-->
  29. </div>
  30. <div class="display-tc text-align-r">
  31. <ul class="overflow-h">
  32. <li class="display-ib">
  33. <a class="font-weight-sb display-tc" href="#">CURSOS</a>
  34. </li>
  35. <li class="display-ib">
  36. <a class="font-weight-sb display-tc" href="#">BUSCADOR</a>
  37. </li>
  38. <li class="display-ib">
  39. <a class="font-weight-sb display-tc" href="#">CLUB ALUMNI</a>
  40. </li>
  41. <li class="display-ib">
  42. <a class="font-weight-sb display-tc" href="#">SERESCO</a>
  43. </li>
  44. <li class="display-ib">
  45. <a class="font-weight-sb display-tc" href="#">BOLSA</a>
  46. </li>
  47. <li class="display-ib">
  48. <a class="font-weight-sb display-tc" href="#">ACCEDER </a>
  49. </li>
  50. <li class="dropdown display-ib">
  51. <a href="javascript:void(0)" class="dropbtn display-tc">foto</a>
  52. <div class="dropdown-content">
  53. <a href="#">email</a>
  54. </div>
  55. </li>
  56. </ul>
  57. </div>
  58. </div>
  59. </div>
  60. </div>
  61. </div>
  62.  
  63. <div class="container">
  64. <div class="row">
  65. <div class="col-md-6 col-xs-12">
  66. <div class="padding-t-40">
  67. <p class="font-size-xxl display-b font-weight-eb color-b2">Déjanos ayudarte a encontrar la dirección adecuada</p>
  68. </div>
  69. </div>
  70. <!-- end col-xs-12 -->
  71. <div class="col-md-6 col-xs-12">
  72. <div class="bg-color-p-0100 border-radius-5">
  73. <p class="font-weight-b display-b color-w-0100 text-align-c padding-t-12">Encuentra tu curso</p>
  74. <div class="col-lg-6 col-md-12 col-xs-12">
  75. <div class="form-group color-w-0100 font-size-m">
  76. <label class="display-b padding-t-12 padding-b-3">¿Cual es tu situación laboral?</label>
  77. <select class="form-control width-0100 padding-10">
  78. <option>1</option>
  79. <option>2</option>
  80. </select>
  81. <label class="display-b padding-t-12 padding-b-3">¿Tienes menos de 30 años?</label>
  82. <select class="form-control width-0100 padding-10">
  83. <option>1</option>
  84. <option>2</option>
  85. </select>
  86. <label class="display-b padding-t-12 padding-b-3">¿Presencial, Online …?</label>
  87. <select class="form-control width-0100 padding-10">
  88. <option>1</option>
  89. <option>2</option>
  90. </select>
  91. </div>
  92. </div>
  93. <div class="col-lg-6 col-md-12 col-xs-12">
  94. <div class="form-group color-w-0100 font-size-m">
  95. <label class="display-b padding-t-12 padding-b-3 ">¿En qué sector trabajas?</label>
  96. <select class="form-control width-0100 padding-10">
  97. <option>1</option>
  98. <option>2</option>
  99. </select>
  100. <label class="display-b padding-t-12 padding-b-3 ">¿Dónde es el curso?</label>
  101. <select class="form-control width-0100 padding-10">
  102. <option>1</option>
  103. <option>2</option>
  104. </select>
  105. <label class="display-b padding-t-12 padding-b-3 ">Temática</label>
  106. <select class="form-control width-0100 padding-10">
  107. <option>1</option>
  108. <option>2</option>
  109. </select>
  110. </div>
  111. </div>
  112. <button type="button" class="color-w-0100 bg-c-secondary font-size-m font-weight-b
  113. width-0100 reset-btn border-radius-bl-5 border-radius-br-5">
  114. <p class="padding-10">Buscar</p>
  115. </button>
  116. </div>
  117. <!-- end col-xs-12 -->
  118. </div>
  119.  
  120. </div>
  121. <p class="font-size-xl display-b font-weight-b color-b-0100">Última llamada</p>
  122. <!-- end row -->
  123. </div>
  124.  
  125. <div class="bg-color-p-0100">
  126. <div class="container">
  127. <div class="row">
  128. <div class="col-md-12 col-xs-12 text-align-l">
  129. <p class="font-size-xl display-b font-weight-b color-w-0100">Destacamos</p>
  130. <div class="display-t">
  131. <div class="col-lg-3 col-md-12 col-xs-12 bg-color-w-0100 display-tc">
  132. <article>
  133. <header>
  134. <p>foto</p>
  135. </header>
  136. <section class="border-b-1 border-solid border-color-b-010">
  137. <p class="font-size-l font-weight-sb c-secondary">Inglés profesional para Comercio Internacional</p>
  138. <p class="font-size-m font-weight-sb color-b-0100">Presencial en Oviedo</p>
  139. <p class="font-size-m font-weight-sb color-g-0100">
  140. <span class="color-b-0100">120</span> horas</p>
  141. </section>
  142. <section class="border-b-1 border-solid border-color-b-010">
  143. <p class="font-size-m font-weight-sb color-g-0100 padding-10">
  144. <span class="color-b-0100">fecha</span> al
  145. <span class="color-b-0100">fecha</span>
  146. </p>
  147. </section>
  148. <section class="border-b-1 border-solid border-color-b-010">
  149. <a href="#">
  150. <p class="padding-10 text-align-c">Información rápida</p>
  151. </a>
  152. </section>
  153. <section>
  154. <button type="button" class="color-w-0100 bg-c-secondary font-size-m font-weight-b border-radius-bl-5 border-radius-br-5 width-0100 reset-btn">
  155. <p class="padding-10">Solicitar plaza</p>
  156. </button>
  157. </section>
  158. </article>
  159. </div>
  160. <div class="col-lg-3 col-md-12 col-xs-12 bg-color-w-0100 display-tc">
  161. <article>
  162. <header>
  163. <p>foto</p>
  164. </header>
  165. <section class="border-b-1 border-solid border-color-b-010">
  166. <p class="font-size-l font-weight-sb c-secondary">Negociación Comercial Creativa</p>
  167. <p class="font-size-m font-weight-sb color-b-0100">Presencial en Oviedo</p>
  168. <p class="font-size-m font-weight-sb color-g-0100">
  169. <span class="color-b-0100">60</span> horas</p>
  170. </section>
  171. <section class="border-b-1 border-solid border-color-b-010">
  172. <p class="font-size-m font-weight-sb color-g-0100 padding-10">
  173. <span class="color-b-0100">fecha</span> al
  174. <span class="color-b-0100">fecha</span>
  175. </p>
  176. </section>
  177. <section class="border-b-1 border-solid border-color-b-010">
  178. <a href="#">
  179. <p class="padding-10 text-align-c">Información rápida</p>
  180. </a>
  181. </section>
  182. <section>
  183. <button type="button" class="color-w-0100 bg-c-secondary font-size-m font-weight-b border-radius-bl-5 border-radius-br-5 width-0100 reset-btn">
  184. <p class="padding-10">Solicitar plaza</p>
  185. </button>
  186. </section>
  187. </article>
  188. </div>
  189. <div class="col-lg-3 col-md-12 col-xs-12 bg-color-w-0100 display-tc">
  190. <article>
  191. <header>
  192. <p>foto</p>
  193. </header>
  194. <section class="border-b-1 border-solid border-color-b-010">
  195. <p class="font-size-l font-weight-sb c-secondary">Redes Sociales</p>
  196. <p class="font-size-m font-weight-sb color-b-0100">Presencial en Oviedo</p>
  197. <p class="font-size-m font-weight-sb color-g-0100">
  198. <span class="color-b-0100">120</span> horas</p>
  199. </section>
  200. <section class="border-b-1 border-solid border-color-b-010">
  201. <p class="font-size-m font-weight-sb color-g-0100 padding-10">
  202. <span class="color-b-0100">fecha</span> al
  203. <span class="color-b-0100">fecha</span>
  204. </p>
  205. </section>
  206. <section class="border-b-1 border-solid border-color-b-010">
  207. <a href="#">
  208. <p class="padding-10 text-align-c">Información rápida</p>
  209. </a>
  210. </section>
  211. <section>
  212. <button type="button" class="color-w-0100 bg-c-secondary font-size-m font-weight-b border-radius-bl-5 border-radius-br-5 width-0100 reset-btn">
  213. <p class="padding-10">Solicitar plaza</p>
  214. </button>
  215. </section>
  216. </article>
  217. </div>
  218. <div class="col-lg-3 col-md-12 col-xs-12 bg-color-b-0100 display-tc">
  219. <article>
  220. <header class="bg-color-b-0100">
  221. <p>foto</p>
  222. </header>
  223. <div class="width-095 bg-color-w-0100">
  224. <section class="border-b-1 border-solid border-color-b-010">
  225. <p class="font-size-l font-weight-sb c-secondary">Microempresas</p>
  226. <p class="font-size-m font-weight-sb color-b-0100">Presencial en Oviedo</p>
  227. <p class="font-size-m font-weight-sb color-g-0100">
  228. <span class="color-b-0100">20</span> horas</p>
  229. </section>
  230. </div>
  231. <section class="border-b-1 border-solid border-color-b-010">
  232. <p class="font-size-m font-weight-sb color-g-0100 padding-10">
  233. <span class="color-b-0100">fecha</span> al
  234. <span class="color-b-0100">fecha</span>
  235. </p>
  236. </section>
  237. <section class="border-b-1 border-solid border-color-b-010">
  238. <a href="#">
  239. <p class="padding-10 text-align-c">Información rápida</p>
  240. </a>
  241. </section>
  242. <section>
  243. <button type="button" class="color-w-0100 bg-c-secondary font-size-m font-weight-b border-radius-bl-5 border-radius-br-5 width-0100 reset-btn">
  244. <p class="padding-10">Solicitar plaza 75€</p>
  245. </button>
  246. </section>
  247. </article>
  248. </div>
  249. </div>
  250. </div>
  251. </div>
  252. </div>
  253. </div>
  254.  
  255. <div class="container">
  256. <div class="row">
  257. <div class="col-md-12 col-xs-12 position-a">
  258. <p class="font-size-xl display-b font-weight-b color-b-0100">Catálogo</p>
  259. <span class="bg-c-secondary color-w-0100 border-radius-0100 padding-5 position-a left--15 padding-5 font-weight-sb font-size-s">98</span>
  260. <a href="#" class="bg-color-p-0100 color-w-0100 border-radius-12 padding-5 font-weight-sb font-size-s">Gratuitos, trabajadores en activo
  261. <span class="bg-c-secondary color-w-0100 border-radius-0100 padding-5">17</span>
  262. </a>
  263. <a href="#" class="bg-color-p-0100 color-w-0100 border-radius-12 padding-5 font-weight-sb font-size-s">Gratuitos, desempleados/as
  264. <span class="bg-c-secondary color-w-0100 border-radius-0100 padding-5">17</span>
  265. </a>
  266. <a href="#" class="bg-color-p-0100 color-w-0100 border-radius-12 padding-5 font-weight-sb font-size-s">Certificaciones Microsoft
  267. <span class="bg-c-secondary color-w-0100 border-radius-0100 padding-5">17</span>
  268. </a>
  269. <a href="#" class="bg-color-p-0100 color-w-0100 border-radius-12 padding-5 font-weight-sb font-size-s">Esri
  270. <span class="bg-c-secondary color-w-0100 border-radius-0100 padding-5">17</span>
  271. </a>
  272. <a href="#" class="bg-color-p-0100 color-w-0100 border-radius-12 padding-5 font-weight-sb font-size-s">Certificados de profesionalidad
  273. <span class="bg-c-secondary color-w-0100 border-radius-0100 padding-5">17</span>
  274. </a>
  275. <a href="#" class="bg-color-p-0100 color-w-0100 border-radius-12 padding-5 font-weight-sb font-size-s">Habilidades
  276. <span class="bg-c-secondary color-w-0100 border-radius-0100 padding-5">17</span>
  277. </a>
  278. <a href="#" class="bg-color-p-0100 color-w-0100 border-radius-12 padding-5 font-weight-sb font-size-s">ofimática
  279. <span class="bg-c-secondary color-w-0100 border-radius-0100 padding-5">17</span>
  280. </a>
  281. <a href="#" class="bg-color-p-0100 color-w-0100 border-radius-12 padding-5 font-weight-sb font-size-s">Habilidades
  282. <span class="bg-c-secondary color-w-0100 border-radius-0100 padding-5">17</span>
  283. </a>
  284. </div>
  285. </div>
  286. </div>
  287.  
  288.  
  289. <!-- end container -->
  290.  
  291.  
  292.  
  293.  
  294. <script src="js/vendor/jquery-3.2.1.min.js"></script>
  295. <script type="text/javascript"></script>
  296. </body>
  297.  
  298. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!