Skip to content

M
misuperproyecto
Commit 33f22ebb by Angel Zarate
Options

home de la pagina principal

parent 7d08ecff
Showing with 172 additions and 0 deletions
src/main/webapp/estilos/home.css 0 → 100644
img.logoi{
width: 200px;
}
img{
width: 400px;
}
.header {
margin-bottom: 0;
width: 700px;
}
a{
float: right 100px;
}
body {
background: linear-gradient(45deg, rgba(20, 99, 155, 0.25), rgba(30, 148, 227, 0.25));
background-image: url(/project-roshka/imagenes/descarga.svg);
background-size: cover;
background-attachment: fixed;
background-blend-mode: multiply;
font-family: "normal";
color: white;
position: relative;
width: 100px;
height: 100px;
}
/* ul{
list-style: none;
}
.menu >ul{
float: right;
}
.menu li a {
color:#fff;
text-decoration:none;
padding:10px 12px;
display:block;
}
.menu li ul li {
marging-left
position:relative;
} */
.menu {
width: 400%;
float: left;
}
.menu ul li {
float: right;
list-style-type: none;
text-align: right;
}
div.menu{
float: right;
}
.menu ul li a {
padding-left: 5px;
text-decoration: none;
font-size: clamp(14px, 20px, 1.2vw);
text-transform: uppercase;
display: block;
position: relative;
overflow: hidden;
padding-bottom: 50px;
white-space: nowrap;
}
.grafico,svg {
max-width: 50px;
display: block;
height: auto;
}
.seccion.hero {
padding-bottom: 20px;
width: 1098px;
}
.hero {
perspective: 150px;
}
.hero {
display: grid;
grid-template-columns: auto repeat(10, 1fr) auto;
}
.hero {
display: flex;
flex-direction: column;
align-items: center;
padding-left: 200px;
/* padding-right: 200px;
*/
}
.postulacion{
border-radius: 30px;
color: blue;
}
\ No newline at end of file
src/main/webapp/imagenes/descarga.svg 0 → 100644
<svg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'><g mask='url(&quot;#SvgjsMask1560&quot;)' fill='none'><rect width='1440' height='560' x='0' y='0' fill='url(#SvgjsRadialGradient1561)'></rect><path d='M0 0L52.91 0L0 5.82z' fill='rgba(255, 255, 255, .1)'></path><path d='M0 5.82L52.91 0L223.41 0L0 198.10999999999999z' fill='rgba(255, 255, 255, .075)'></path><path d='M0 198.10999999999999L223.41 0L876.5699999999999 0L0 320.44z' fill='rgba(255, 255, 255, .05)'></path><path d='M0 320.44L876.5699999999999 0L1264.6799999999998 0L0 414.01z' fill='rgba(255, 255, 255, .025)'></path><path d='M1440 560L1266.7 560L1440 289.19z' fill='rgba(0, 0, 0, .1)'></path><path d='M1440 289.19L1266.7 560L701.63 560L1440 233.49z' fill='rgba(0, 0, 0, .075)'></path><path d='M1440 233.49L701.6299999999999 560L375.40999999999985 560L1440 115.81z' fill='rgba(0, 0, 0, .05)'></path><path d='M1440 115.81L375.40999999999985 560L223.58999999999986 560L1440 34.019999999999996z' fill='rgba(0, 0, 0, .025)'></path></g><defs><mask id='SvgjsMask1560'><rect width='1440' height='560' fill='white'></rect></mask><radialGradient cx='100%' cy='100%' r='1545.06' gradientUnits='userSpaceOnUse' id='SvgjsRadialGradient1561'><stop stop-color='rgba(9, 82, 158, 1)' offset='1'></stop><stop stop-color='rgba(0, 69, 158, 0)' offset='1'></stop></radialGradient></defs></svg>
\ No newline at end of file
src/main/webapp/index.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
crossorigin="anonymous"
/>
<!-- para concectar con css -->
<link rel="stylesheet" href="./estilos/home.css" />
<!-- el icono para la pagina -->
<link rel="shortcut icon" href="./imagenes/roshkaicon.ico" sizes="any" />
<title>Roshka WebSite</title>
</head>
<div class="header">
<div class="logo">
<a href="./index.html"> <img class="logoi" src="./imagenes/logo-roshka.svg" alt="" /> </a
><!-- logo con link -->
</div>
<div class="menu">
<ul>
<li class="link-menu"><a href="/">Home</a></li>
<li class="link-menu"><a href="./home.html">Postulate</a></li>
</ul>
</div>
<!-- menu -->
</div>
<!-- header -->
<div class="main">
<div class="seccion hero">
<!-- <div class="contenido"> -->
<br> <br> <br> <br> <br> <br><br><div class="texto">
<div class="titulo">
<div class="titulo">
<h2>Es tu turno <strong>Postulate</strong> para el bootcamp</h2>
<h1>Aprende</h1>
</div>
</div>
<div class="parrafo">
<p data-block-key="cwggy">Es un campo de entrenamiento intensivo y gratuito para principiantes que ya programan y quieren ser parte de la empresa</p>
</div>
<div class="postulacion">
<a href="/postulacion" class="cta-main">POSTULACION</a>
</div>
</div>
<div class="grafico">
<img style="align-items:right ;" src="./imagenes/ilustracion-herov3.svg" alt="">
</div>
<!-- </div> -->
</div>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment