From 504d5e2e463337c769ff5907a19be2a07af9693b Mon Sep 17 00:00:00 2001 From: Rafael Barea Date: Mon, 14 Sep 2020 14:29:01 +0200 Subject: [PATCH] completed --- src/App.css | 122 ++++++++++++++++++++------------- src/App.tsx | 156 +++++++++++++++++++++++++++++++++++++++++-- src/assets/img/g.png | Bin 0 -> 3986 bytes 3 files changed, 225 insertions(+), 53 deletions(-) create mode 100644 src/assets/img/g.png diff --git a/src/App.css b/src/App.css index 69bdfdd..d687b98 100644 --- a/src/App.css +++ b/src/App.css @@ -1,46 +1,3 @@ -.App { - text-align: center; -} - -.App-logo { - height: 40vmin; - pointer-events: none; -} - -@media (prefers-reduced-motion: no-preference) { - .App-logo { - animation: App-logo-spin infinite 20s linear; - } -} - -.App-header { - background-color: #282c34; - min-height: 100vh; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - font-size: calc(10px + 2vmin); - color: white; -} - -.App-link { - color: #61dafb; -} - -@keyframes App-logo-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} - -.whole { - padding-block: 10em; -} - /*############ HEADER #################*/ /*Estilos propios*/ h1 { @@ -50,10 +7,9 @@ h1 { white-space: nowrap; } .header2 { - background-image: url("https://translate.googleapis.com/translate_static/img/te_ctrl3.gif"); - background-position: -65px 0px; + width: 1.2em; } -.heaser3 { +.header3 { vertical-align: middle; } .header4 { @@ -167,6 +123,16 @@ img { .goog-te-gadget { } .goog-te-gadget-simple { + background-color: #fff; +border-left: 1px solid #d5d5d5; +border-top: 1px solid #9b9b9b; +border-bottom: 1px solid #e8e8e8; +border-right: 1px solid #d5d5d5; +font-size: 10pt; +display: inline-block; +padding-top: 1px; +padding-bottom: 2px; +cursor: pointer; } .goog-te-gadget-icon { } @@ -436,6 +402,67 @@ input[type="text"] { .margin { margin-bottom: 1.2em; } + +/*############ CAROUSEL #################*/ + +.margin-carouselSuperior { + width: 40%; + margin-left: 21%; + margin-bottom: 50px; + margin-top: -1%; +} + +.small-box { + flex: 0 0 24%; + -ms-flex: 0 0 20%; + margin: 0 1% 1em 0; + display: flex; + align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + margin-left: 5%; + border: 7px solid #f3f3f3; + padding: 1em; +} + +.small-box .procedure-image img { + width: 70px; +} + +.procedure-link { + max-width: 175px; + color: #125d82 !important; +} +.link { + color: #004488; + font-weight: bold; + font-size: 1.2em; +} + +.carousel { + margin-top: 2em; + margin-bottom: 20px; + line-height: 1; + display: flex; + flex-flow: row; + justify-content: space-between; +} +.carousel-inner { + overflow: hidden; + width: 100%; +} +.flex { + display: flex; + flex-flow: row wrap; + justify-content: space-around; +} +.carousel-control { + background: rgba(0, 0, 0, 0) !important; + color: black; + width: 1%; + margin-top: 3%; +} + /*############ FOOTER #################*/ .pie { height: 30px; @@ -452,3 +479,6 @@ input[type="text"] { .marginright10 { margin-right: 10px; } +.colorBlack{ + color:black !important; +} \ No newline at end of file diff --git a/src/App.tsx b/src/App.tsx index f5516af..9d1e4c5 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,9 +1,15 @@ import React from "react"; import "./App.css"; +import help from "./assets/img/system_help.png"; +import alta from "./assets/img/alta-vehiculo.png"; +import pago from "./assets/img/pagodemultas.png"; +import pago2 from "./assets/img/pagoydevoluciontasas.png"; +import permiso from "./assets/img/permisoxpuntos.png"; +import dot from "./assets/img/g.png" function App() { return ( -
+ -
+
+
+ + + +
+
+ +
+
+
+
+ Pago de multas. +
+ +
+
+ +
+ +
+
+ + + + +
diff --git a/src/assets/img/g.png b/src/assets/img/g.png new file mode 100644 index 0000000000000000000000000000000000000000..de230565e92492e96ed2cbf0f532e47702f9dc47 GIT binary patch literal 3986 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 literal 0 HcmV?d00001