76 lines
2.6 KiB
HTML
76 lines
2.6 KiB
HTML
|
<style>
|
||
|
|
.back0 {
|
||
|
|
background-image: url("img/bg00.jpg");
|
||
|
|
background-size: cover;
|
||
|
|
background-position: center;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<div class="page-sco back0">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row justify-content-center align-items-center">
|
||
|
|
<div class="col-12">
|
||
|
|
<div class="row justify-content-center align-items-center">
|
||
|
|
<div class="col-7 col-md-5 text-center mb-3">
|
||
|
|
<img src="img/01.0.png" class="img-fluid floating" />
|
||
|
|
</div>
|
||
|
|
<div class="col-12 col-md-7 mb-3 text-center">
|
||
|
|
<h3 class="amor text-gris-1 fw-light">Bienvenido al curso:</h3>
|
||
|
|
<div class="position-relative w-100 text-center mb-2">
|
||
|
|
<h1 class="amor fw-bold text-rosa-claro mb-0">Orientación al Cliente</h1>
|
||
|
|
<img src="img/adorno1.png" class="img-fluid">
|
||
|
|
</div>
|
||
|
|
<div class="position-relative w-100 mb-4">
|
||
|
|
<h1 class="text-primary amor">y Empatía</h1>
|
||
|
|
</div>
|
||
|
|
<div class="w-100 position-relative">
|
||
|
|
<div class="btn btn-begin animate__animated animate__pulse animate__infinite py-2" data-sec="1">
|
||
|
|
Comenzar
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="sec1" class="page-sco back1 bg-primary" style="display: none;">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row justify-content-center align-items-center">
|
||
|
|
<div class="col-12">
|
||
|
|
<div class="row justify-content-center align-items-center">
|
||
|
|
<div class="col-7 col-md-5 text-center mb-3">
|
||
|
|
<img src="img/01.0.png" class="img-fluid floating" />
|
||
|
|
</div>
|
||
|
|
<div class="col-12 col-md-7 mb-3 text-center">
|
||
|
|
<h3 class="amor text-gris-1 fw-light">Bienvenido al curso:</h3>
|
||
|
|
<div class="position-relative w-100 text-center mb-2">
|
||
|
|
<h1 class="amor fw-bold text-rosa-claro mb-0">Orientación al Cliente</h1>
|
||
|
|
<img src="img/adorno1.png" class="img-fluid">
|
||
|
|
</div>
|
||
|
|
<div class="position-relative w-100 mb-4">
|
||
|
|
<h1 class="text-primary amor">y Empatía</h1>
|
||
|
|
</div>
|
||
|
|
<!-- <div class="w-100 position-relative">
|
||
|
|
<div class="btn btn-begin animate__animated animate__pulse animate__infinite py-2">
|
||
|
|
Comenzar
|
||
|
|
</div>
|
||
|
|
</div> -->
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<script>
|
||
|
|
$(function () {
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
$(".btn-begin").click(function () {
|
||
|
|
const secNumber = $(this).data('sec');
|
||
|
|
gotoSection(secNumber);
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|
||
|
|
</script>
|