You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
499 lines
27 KiB
499 lines
27 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
|
|
|
|
<title>Rey & Mota Site</title>
|
|
<meta content="" name="description"/>
|
|
<meta content="" name="keywords"/>
|
|
|
|
<!-- Favicons -->
|
|
<link href="assets/img/favicon.png" rel="icon"/>
|
|
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon"/>
|
|
|
|
<!-- Google Fonts -->
|
|
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet"/>
|
|
|
|
<!-- Vendor CSS Files -->
|
|
<link href="assets/vendor/aos/aos.css" rel="stylesheet"/>
|
|
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"/>
|
|
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet"/>
|
|
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet"/>
|
|
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet"/>
|
|
<link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet"/>
|
|
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet"/>
|
|
|
|
<!-- Template Main CSS File -->
|
|
<link href="assets/css/style.css" rel="stylesheet"/>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- ======= Header ======= -->
|
|
<header id="header" class="fixed-top">
|
|
<div class="container d-flex align-items-center justify-content-between">
|
|
|
|
<h1 class="logo"><a href="index.html">Rey & Mota</a></h1>
|
|
<!-- Uncomment below if you prefer to use an image logo -->
|
|
<!-- <a href="index.html" class="logo"><img src="assets/img/logo.png" alt="" class="img-fluid"></a>-->
|
|
|
|
<!--
|
|
<nav id="navbar" class="navbar">
|
|
<ul>
|
|
<li><a class="nav-link scrollto active" href="#hero">Home</a></li>
|
|
<li><a class="nav-link scrollto" href="#about">About</a></li>
|
|
<li><a class="nav-link scrollto" href="#services">Services</a></li>
|
|
<li><a class="nav-link scrollto o" href="#portfolio">Portfolio</a></li>
|
|
<li><a class="nav-link scrollto" href="#team">Team</a></li>
|
|
<li><a class="nav-link scrollto" href="#pricing">Pricing</a></li>
|
|
<li class="dropdown"><a href="#"><span>Drop Down</span> <i class="bi bi-chevron-down"></i></a>
|
|
<ul>
|
|
<li><a href="#">Drop Down 1</a></li>
|
|
<li class="dropdown"><a href="#"><span>Deep Drop Down</span> <i class="bi bi-chevron-right"></i></a>
|
|
<ul>
|
|
<li><a href="#">Deep Drop Down 1</a></li>
|
|
<li><a href="#">Deep Drop Down 2</a></li>
|
|
<li><a href="#">Deep Drop Down 3</a></li>
|
|
<li><a href="#">Deep Drop Down 4</a></li>
|
|
<li><a href="#">Deep Drop Down 5</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">Drop Down 2</a></li>
|
|
<li><a href="#">Drop Down 3</a></li>
|
|
<li><a href="#">Drop Down 4</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a class="nav-link scrollto" href="#contact">Contact</a></li>
|
|
<li><a class="getstarted scrollto" href="#about">Get Started</a></li>
|
|
</ul>
|
|
<i class="bi bi-list mobile-nav-toggle"></i>
|
|
</nav>--><!-- .navbar -->
|
|
|
|
</div>
|
|
</header><!-- End Header -->
|
|
|
|
<!-- ======= Hero Section ======= -->
|
|
<section id="hero" class="d-flex align-items-center">
|
|
<div class="container position-relative" data-aos="fade-up" data-aos-delay="100">
|
|
<!-- =============== Introducción =============== -->
|
|
<div class="row justify-content-center">
|
|
<div class="col-xl-7 col-lg-9 text-center">
|
|
<h1>Esta es la página principal del sitio Rey & Mota (en local)</h1>
|
|
<h2>Contiene enlaces al resto de las apps</h2>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row icon-boxes">
|
|
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="zoom-in" data-aos-delay="100">
|
|
<div class="icon-box">
|
|
<div class="icon"><i class="ri-money-euro-box-line"></i></div>
|
|
<h4 class="title"><a href="https://firefly.reymota.es" target="_blank">Gestor de finanzas Firefly</a></h4>
|
|
<p class="description">Firefly es un gestor de finanzas personal muy versátil y potente.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="zoom-in" data-aos-delay="100">
|
|
<div class="icon-box">
|
|
<div class="icon"><i class="ri-wordpress-line"></i></div>
|
|
<h4 class="title"><a href="https://wordpress.reymota.es" target="_blank">Wordpress personal</a></h4>
|
|
<p class="description">Sitio wordpress personal para diferentes usos.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="zoom-in" data-aos-delay="100">
|
|
<div class="icon-box">
|
|
<div class="icon"><i class="ri-key-line"></i></div>
|
|
<h4 class="title"><a href="https://vaultwarden.reymota.es/" target="_blank">Vaultwarden</a></h4>
|
|
<p class="description">Gestor personal de contraseñas.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="zoom-in" data-aos-delay="100">
|
|
<div class="icon-box">
|
|
<div class="icon"><i class="ri-cloud-line"></i></div>
|
|
<h4 class="title"><a href="https://nextcloud.reymota.es/" target="_blank">Nextcloud</a></h4>
|
|
<p class="description">Todos mis archivos gestionados desde un único lugar.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="zoom-in" data-aos-delay="100">
|
|
<div class="icon-box">
|
|
<div class="icon"><i class="ri-book-line"></i></div>
|
|
<h4 class="title"><a href="https://calibre.reymota.es/" target="_blank">Calibre</a></h4>
|
|
<p class="description">Gestor de la biblioteca de libros.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section><!-- End Hero -->
|
|
|
|
<section id="hero" class="d-flex align-items-center">
|
|
<div class="container position-relative" data-aos="fade-up" data-aos-delay="100">
|
|
<div class="row justify-content-center">
|
|
<div class="col-xl-7 col-lg-9 text-center">
|
|
<h2></h2>
|
|
</div>
|
|
</div>
|
|
<div class="row icon-boxes">
|
|
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="zoom-in" data-aos-delay="100">
|
|
<div class="icon-box">
|
|
<div class="icon"><i class="ri-folder-music-line"></i></div>
|
|
<h4 class="title"><a href="https://navidrome.reymota.es/" target="_blank">Navidrome</a></h4>
|
|
<p class="description">Mi colección de música.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="zoom-in" data-aos-delay="100">
|
|
<div class="icon-box">
|
|
<div class="icon"><i class="ri-folder-music-line"></i></div>
|
|
<h4 class="title"><a href="https://lyrics.reymota.es/" target="_blank">Lyrics</a></h4>
|
|
<p class="description">Letras de canciones.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="zoom-in" data-aos-delay="100">
|
|
<div class="icon-box">
|
|
<div class="icon"><i class="ri-gas-station-line"></i></div>
|
|
<h4 class="title"><a href="https://repostajes.reymota.es/" target="_blank">Repostajes</a></h4>
|
|
<p class="description">Gestión de repostajes de vehículos.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="zoom-in" data-aos-delay="100">
|
|
<div class="icon-box">
|
|
<div class="icon"><i class="ri-book-2-line"></i></div>
|
|
<h4 class="title"><a href="https://libros.reymota.es/" target="_blank">Libros</a></h4>
|
|
<p class="description">Biblioteca personal de libros electrónicos.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="zoom-in" data-aos-delay="100">
|
|
<div class="icon-box">
|
|
<div class="icon"><i class="ri-git-branch-line"></i></div>
|
|
<h4 class="title"><a href="https://gogs.reymota.es/" target="_blank">Gogs</a></h4>
|
|
<p class="description">Control de versiones.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section><!-- End Hero -->
|
|
|
|
<main id="main">
|
|
|
|
|
|
<!-- ======= Services Section ======= -->
|
|
<section id="services" class="services section-bg">
|
|
<div class="container" data-aos="fade-up">
|
|
|
|
<div class="section-title">
|
|
<h2>Otros servicios</h2>
|
|
<p>Estos servicios todavía siguen la ruta del dominio anterior y se accede a través de puertos específicos.</p>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<!--
|
|
<div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-md-0" data-aos="zoom-in" data-aos-delay="200">
|
|
<div class="icon-box iconbox-orange ">
|
|
<div class="icon">
|
|
<svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
|
|
<path stroke="none" stroke-width="0" fill="#f5f5f5" d="M300,582.0697525312426C382.5290701553225,586.8405444964366,449.9789794690241,525.3245884688669,502.5850820975895,461.55621195738473C556.606425686781,396.0723002908107,615.8543463187945,314.28637112970534,586.6730223649479,234.56875336149918C558.9533121215079,158.8439757836574,454.9685369536778,164.00468322053177,381.49747125262974,130.76875717737553C312.15926192815925,99.40240125094834,248.97055460311594,18.661163978235184,179.8680185752513,50.54337015887873C110.5421016452524,82.52863877960104,119.82277516462835,180.83849132639028,109.12597500060166,256.43424936330496C100.08760227029461,320.3096726198365,92.17705696193138,384.0621239912766,124.79988738764834,439.7174275375508C164.83382741302287,508.01625554203684,220.96474134820875,577.5009287672846,300,582.0697525312426"></path>
|
|
</svg>
|
|
<i class='bx bx-git-branch' ></i>
|
|
</div>
|
|
<h4><a href="http://reymota.ddns.net:30009/" target="_blank">Gogs</a></h4>
|
|
<p>Repositorio Git</p>
|
|
</div>
|
|
</div>
|
|
-->
|
|
<div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-lg-0" data-aos="zoom-in" data-aos-delay="300">
|
|
<div class="icon-box iconbox-pink">
|
|
<div class="icon">
|
|
<svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
|
|
<path stroke="none" stroke-width="0" fill="#f5f5f5" d="M300,541.5067337569781C382.14930387511276,545.0595476570109,479.8736841581634,548.3450877840088,526.4010558755058,480.5488172755941C571.5218469581645,414.80211281144784,517.5187510058486,332.0715597781072,496.52539010469104,255.14436215662573C477.37192572678356,184.95920475031193,473.57363656557914,105.61284051026155,413.0603344069578,65.22779650032875C343.27470386102294,18.654635553484475,251.2091493199835,5.337323636656869,175.0934190732945,40.62881213300186C97.87086631185822,76.43348514350839,51.98124368387456,156.15599469081315,36.44837278890362,239.84606092416172C21.716077023791087,319.22268207091537,43.775223500013084,401.1760424656574,96.891909868211,461.97329694683043C147.22146801428983,519.5804099606455,223.5754009179313,538.201503339737,300,541.5067337569781"></path>
|
|
</svg>
|
|
<i class='bx bx-bowl-hot'></i>
|
|
</div>
|
|
<h4><a href="http://reymota.ddns.net:30825/" target="_blank">Recetas</a></h4>
|
|
<p>Mis recetas, probadas por mi y adaptadas</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4" data-aos="zoom-in" data-aos-delay="100">
|
|
<div class="icon-box iconbox-yellow">
|
|
<div class="icon">
|
|
<svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
|
|
<path stroke="none" stroke-width="0" fill="#f5f5f5" d="M300,503.46388370962813C374.79870501325706,506.71871716319447,464.8034551963731,527.1746412648533,510.4981551193396,467.86667711651364C555.9287308511215,408.9015244558933,512.6030010748507,327.5744911775523,490.211057578863,256.5855673507754C471.097692560561,195.9906835881958,447.69079081568157,138.11976852964426,395.19560036434837,102.3242989838813C329.3053358748298,57.3949838291264,248.02791733380457,8.279543830951368,175.87071277845988,42.242879143198664C103.41431057327972,76.34704239035025,93.79494320519305,170.9812938413882,81.28167332365135,250.07896920659033C70.17666984294237,320.27484674793965,64.84698225790005,396.69656628748305,111.28512138212992,450.4950937839243C156.20124167950087,502.5303643271138,231.32542653798444,500.4755392045468,300,503.46388370962813"></path>
|
|
</svg>
|
|
<i class='bx bx-gas-pump'></i>
|
|
</div>
|
|
<h4><a href="http://reymota.ddns.net:30480/gestionrepostajes/index.php" target="_blank">Gestor de repostajes</a></h4>
|
|
<p>Control de repostajes de mis vehículos (versión antigua)</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4" data-aos="zoom-in" data-aos-delay="200">
|
|
<div class="icon-box iconbox-red">
|
|
<div class="icon">
|
|
<svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
|
|
<path stroke="none" stroke-width="0" fill="#f5f5f5" d="M300,532.3542879108572C369.38199826031484,532.3153073249985,429.10787420159085,491.63046689027357,474.5244479745417,439.17860296908856C522.8885846962883,383.3225815378663,569.1668002868075,314.3205725914397,550.7432151929288,242.7694973846089C532.6665558377875,172.5657663291529,456.2379748765914,142.6223662098291,390.3689995646985,112.34683881706744C326.66090330228417,83.06452184765237,258.84405631176094,53.51806209861945,193.32584062364296,78.48882559362697C121.61183558270385,105.82097193414197,62.805066853699245,167.19869350419734,48.57481801355237,242.6138429142374C34.843463184063346,315.3850353017275,76.69343916112496,383.4422959591041,125.22947124332185,439.3748458443577C170.7312796277747,491.8107796887764,230.57421082200815,532.3932930995766,300,532.3542879108572"></path>
|
|
</svg>
|
|
<i class='bx bxl-wikipedia' ></i>
|
|
</div>
|
|
<h4><a href="http://reymota.ddns.net:30098/index.php/P%C3%A1gina_principal" target="_blank">Mediawiki</a></h4>
|
|
<p>Mi propio sistema de wiki.</p>
|
|
</div>
|
|
</div>
|
|
<!--
|
|
<div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4" data-aos="zoom-in" data-aos-delay="300">
|
|
<div class="icon-box iconbox-teal">
|
|
<div class="icon">
|
|
<svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
|
|
<path stroke="none" stroke-width="0" fill="#f5f5f5" d="M300,566.797414625762C385.7384707136149,576.1784315230908,478.7894351017131,552.8928747891023,531.9192734346935,484.94944893311C584.6109503024035,417.5663521118492,582.489472248146,322.67544863468447,553.9536738515405,242.03673114598146C529.1557734026468,171.96086150256528,465.24506316201064,127.66468636344209,395.9583748389544,100.7403814666027C334.2173773831606,76.7482773500951,269.4350130405921,84.62216499799875,207.1952322260088,107.2889140133804C132.92018162631612,134.33871894543012,41.79353780512637,160.00259165414826,22.644507872594943,236.69541883565114C3.319112789854554,314.0945973066697,72.72355303640163,379.243833228382,124.04198916343866,440.3218312028393C172.9286146004772,498.5055451809895,224.45579914871206,558.5317968840102,300,566.797414625762"></path>
|
|
</svg>
|
|
<i class="bx bx-arch"></i>
|
|
</div>
|
|
<h4><a href="">Divera Don</a></h4>
|
|
<p>Modi nostrum vel laborum. Porro fugit error sit minus sapiente sit aspernatur</p>
|
|
</div>
|
|
</div>
|
|
-->
|
|
</div>
|
|
|
|
</div>
|
|
</section><!-- End Sevices Section -->
|
|
|
|
<!-- ======= Cta Section ======= -->
|
|
<!--
|
|
<section id="cta" class="cta">
|
|
<div class="container" data-aos="zoom-in">
|
|
<div class="text-center">
|
|
<h3>Call To Action</h3>
|
|
<p> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
|
<a class="cta-btn" href="#">Call To Action</a>
|
|
</div>
|
|
</div>
|
|
</section>--><!-- End Cta Section -->
|
|
|
|
<!-- ======= Portfolio Section ======= -->
|
|
<!--
|
|
<section id="portfolio" class="portfolio">
|
|
<div class="container" data-aos="fade-up">
|
|
|
|
<div class="section-title">
|
|
<h2>Portfolio</h2>
|
|
<p>Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit in iste officiis commodi quidem hic quas.</p>
|
|
</div>
|
|
|
|
<div class="row" data-aos="fade-up" data-aos-delay="150">
|
|
<div class="col-lg-12 d-flex justify-content-center">
|
|
<ul id="portfolio-flters">
|
|
<li data-filter="*" class="filter-active">All</li>
|
|
<li data-filter=".filter-app">App</li>
|
|
<li data-filter=".filter-card">Card</li>
|
|
<li data-filter=".filter-web">Web</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row portfolio-container" data-aos="fade-up" data-aos-delay="300">
|
|
|
|
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
|
|
<div class="portfolio-wrap">
|
|
<img src="assets/img/portfolio/portfolio-1.jpg" class="img-fluid" alt="">
|
|
<div class="portfolio-info">
|
|
<h4>App 1</h4>
|
|
<p>App</p>
|
|
<div class="portfolio-links">
|
|
<a href="assets/img/portfolio/portfolio-1.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="App 1"><i class="bx bx-plus"></i></a>
|
|
<a href="portfolio-details.html" title="More Details"><i class="bx bx-link"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-4 col-md-6 portfolio-item filter-web">
|
|
<div class="portfolio-wrap">
|
|
<img src="assets/img/portfolio/portfolio-2.jpg" class="img-fluid" alt="">
|
|
<div class="portfolio-info">
|
|
<h4>Web 3</h4>
|
|
<p>Web</p>
|
|
<div class="portfolio-links">
|
|
<a href="assets/img/portfolio/portfolio-2.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Web 3"><i class="bx bx-plus"></i></a>
|
|
<a href="portfolio-details.html" title="More Details"><i class="bx bx-link"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
|
|
<div class="portfolio-wrap">
|
|
<img src="assets/img/portfolio/portfolio-3.jpg" class="img-fluid" alt="">
|
|
<div class="portfolio-info">
|
|
<h4>App 2</h4>
|
|
<p>App</p>
|
|
<div class="portfolio-links">
|
|
<a href="assets/img/portfolio/portfolio-3.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="App 2"><i class="bx bx-plus"></i></a>
|
|
<a href="portfolio-details.html" title="More Details"><i class="bx bx-link"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-4 col-md-6 portfolio-item filter-card">
|
|
<div class="portfolio-wrap">
|
|
<img src="assets/img/portfolio/portfolio-4.jpg" class="img-fluid" alt="">
|
|
<div class="portfolio-info">
|
|
<h4>Card 2</h4>
|
|
<p>Card</p>
|
|
<div class="portfolio-links">
|
|
<a href="assets/img/portfolio/portfolio-4.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Card 2"><i class="bx bx-plus"></i></a>
|
|
<a href="portfolio-details.html" title="More Details"><i class="bx bx-link"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-4 col-md-6 portfolio-item filter-web">
|
|
<div class="portfolio-wrap">
|
|
<img src="assets/img/portfolio/portfolio-5.jpg" class="img-fluid" alt="">
|
|
<div class="portfolio-info">
|
|
<h4>Web 2</h4>
|
|
<p>Web</p>
|
|
<div class="portfolio-links">
|
|
<a href="assets/img/portfolio/portfolio-5.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Web 2"><i class="bx bx-plus"></i></a>
|
|
<a href="portfolio-details.html" title="More Details"><i class="bx bx-link"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
|
|
<div class="portfolio-wrap">
|
|
<img src="assets/img/portfolio/portfolio-6.jpg" class="img-fluid" alt="">
|
|
<div class="portfolio-info">
|
|
<h4>App 3</h4>
|
|
<p>App</p>
|
|
<div class="portfolio-links">
|
|
<a href="assets/img/portfolio/portfolio-6.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="App 3"><i class="bx bx-plus"></i></a>
|
|
<a href="portfolio-details.html" title="More Details"><i class="bx bx-link"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-4 col-md-6 portfolio-item filter-card">
|
|
<div class="portfolio-wrap">
|
|
<img src="assets/img/portfolio/portfolio-7.jpg" class="img-fluid" alt="">
|
|
<div class="portfolio-info">
|
|
<h4>Card 1</h4>
|
|
<p>Card</p>
|
|
<div class="portfolio-links">
|
|
<a href="assets/img/portfolio/portfolio-7.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Card 1"><i class="bx bx-plus"></i></a>
|
|
<a href="portfolio-details.html" title="More Details"><i class="bx bx-link"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-4 col-md-6 portfolio-item filter-card">
|
|
<div class="portfolio-wrap">
|
|
<img src="assets/img/portfolio/portfolio-8.jpg" class="img-fluid" alt="">
|
|
<div class="portfolio-info">
|
|
<h4>Card 3</h4>
|
|
<p>Card</p>
|
|
<div class="portfolio-links">
|
|
<a href="assets/img/portfolio/portfolio-8.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Card 3"><i class="bx bx-plus"></i></a>
|
|
<a href="portfolio-details.html" title="More Details"><i class="bx bx-link"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-4 col-md-6 portfolio-item filter-web">
|
|
<div class="portfolio-wrap">
|
|
<img src="assets/img/portfolio/portfolio-9.jpg" class="img-fluid" alt="">
|
|
<div class="portfolio-info">
|
|
<h4>Web 3</h4>
|
|
<p>Web</p>
|
|
<div class="portfolio-links">
|
|
<a href="assets/img/portfolio/portfolio-9.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Web 3"><i class="bx bx-plus"></i></a>
|
|
<a href="portfolio-details.html" title="More Details"><i class="bx bx-link"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</section>--><!-- End Portfolio Section -->
|
|
|
|
<!-- ======= Contact Section ======= -->
|
|
<section id="contact" class="contact">
|
|
<div class="container" data-aos="fade-up">
|
|
|
|
<!--
|
|
<div class="section-title">
|
|
<h2>Contact</h2>
|
|
<p>Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit in iste officiis commodi quidem hic quas.</p>
|
|
</div>
|
|
<div>
|
|
<iframe style="border:0; width: 100%; height: 270px;" src="https://maps.google.com/maps?width=100%25&height=600&hl=en&q=Consuelo%20Martin,%2036,%20Getafe+(Rey%20&%20Mota)&t=&z=17&ie=UTF8&iwloc=B&output=embed"> frameborder="0" allowfullscreen></iframe>
|
|
</div>
|
|
|
|
-->
|
|
<div class="row mt-5">
|
|
|
|
<div class="col-lg-4">
|
|
<div class="info">
|
|
<!--
|
|
<div class="address">
|
|
<i class="bi bi-geo-alt"></i>
|
|
<h4>Dirección:</h4>
|
|
<p>Consuelo Martín, Getafe</p>
|
|
</div>
|
|
-->
|
|
|
|
<div class="email">
|
|
<i class="bi bi-envelope"></i>
|
|
<h4>Email:</h4>
|
|
<p>creylopez@yahoo.es</p>
|
|
</div>
|
|
|
|
<div class="phone">
|
|
<i class="bi bi-phone"></i>
|
|
<h4>Teléfono:</h4>
|
|
<p>+34 682 445 635</p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</section><!-- End Contact Section -->
|
|
|
|
</main><!-- End #main -->
|
|
|
|
<div id="preloader"></div>
|
|
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
|
|
|
|
<!-- Vendor JS Files -->
|
|
<script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
|
|
<script src="assets/vendor/aos/aos.js"></script>
|
|
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
|
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
|
|
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
|
|
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
|
|
<script src="assets/vendor/php-email-form/validate.js"></script>
|
|
|
|
<!-- Template Main JS File -->
|
|
<script src="assets/js/main.js"></script>
|
|
|
|
</body>
|
|
|
|
</html>
|