Afinando
This commit is contained in:
@ -5,11 +5,14 @@
|
||||
<title>Stand</title>
|
||||
<meta name="keywords" content="stand, chile, celular, smartphone, telefono" />
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.8.7/semantic.min.css" integrity="sha512-g/MzOGVPy3OQ4ej1U+qe4D/xhLwUn5l5xL0Fa7gdC258ZWVJQGwsbIR47SWMpRxSPjD0tfu/xkilTy+Lhrl3xg==" crossorigin="anonymous" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
|
||||
|
||||
<link rel="stylesheet" href="./assets/styles/main.min.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="ui container">
|
||||
<header id="header">
|
||||
<header id="header">
|
||||
<div class="ui container">
|
||||
<nav class="ui borderless menu">
|
||||
<div class="ui simple dropdown item">
|
||||
<div class="text">
|
||||
@ -17,25 +20,25 @@
|
||||
</div>
|
||||
<div class="menu">
|
||||
<a class="item" href="./">Inicio</a>
|
||||
<a class="item" href="./#seccion1">Seccion 1</a>
|
||||
<a class="item" href="./#seccion2">Seccion 2</a>
|
||||
<a class="item" href="./#seccion2">Ventajas</a>
|
||||
<a class="item" href="./#dimensiones">Dimensiones</a>
|
||||
<a class="item" href="./#construido">Constrido en Impresora 3D</a>
|
||||
<a class="item" href="./#corporativos">Regalos Corporativos</a>
|
||||
<a class="item" href="./#felices">Clientes Felices</a>
|
||||
<a class="item" href="./#formulario">Conversemos</a>
|
||||
<a class="item" href="./#corporativos">Corporativos</a>
|
||||
<a class="item" href="./#felices">Testimonios</a>
|
||||
<a class="item" href="./#formulario">Contacto</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="right menu">
|
||||
<a class="item" href="./#formulario">
|
||||
<i class="shopping cart icon"></i>
|
||||
<i class="shopping cart icon">
|
||||
<div>0</div>
|
||||
</i>
|
||||
</a>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="logo ui center aligned basic segment">
|
||||
<img src="./assets/images/logo.png" />
|
||||
<img src="./assets/images/logo.svg" />
|
||||
<div class="frase1">
|
||||
SOPORTES PARA SMARTPHONE Y TABLETS
|
||||
</div>
|
||||
@ -43,72 +46,71 @@
|
||||
Diseñado y Fabricado en Chile
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section id="seccion1" class="ui simple segment">
|
||||
<div class="ui grid">
|
||||
<div class="ten wide column">
|
||||
<div class="ui center aligned three columns wide grid">
|
||||
<div class="column">
|
||||
<img src="./assets/images/tablet-front.png" />
|
||||
</div>
|
||||
<div class="column">
|
||||
<img src="./assets/images/tablet-back.png" />
|
||||
</div>
|
||||
<div class="column">
|
||||
<img src="./assets/images/phone.png" />
|
||||
</div>
|
||||
<section id="seccion1" class="ui simple segment">
|
||||
<div class="ui container">
|
||||
<div class="column1">
|
||||
<div class="image-container">
|
||||
<img src="./assets/images/tablet-front.png" />
|
||||
<img src="./assets/images/tablet-back.png" />
|
||||
<img src="./assets/images/phone.png" />
|
||||
</div>
|
||||
<p>
|
||||
<div class="header">
|
||||
LOREM IPSUM DOLOR SIT AMET, CONSECTETUR
|
||||
</div>
|
||||
<div class="ui simple segment">
|
||||
<div class="header">
|
||||
LOREM IPSUM DOLOR SIT AMET, CONSECTETUR
|
||||
</div>
|
||||
adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
|
||||
</div>
|
||||
adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<section id="seccion2" class="ui simple segment">
|
||||
<div class="ui grid">
|
||||
<div class="ten wide column">
|
||||
<div class="ui grid">
|
||||
<div class="eight wide column">
|
||||
<img src="./assets/images/phone-pc.png" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<section id="seccion2" class="ui simple segment">
|
||||
<div class="ui container">
|
||||
<div class="column1">
|
||||
<img src="./assets/images/phone-pc.png" />
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="dimensiones" class="ui simple segment">
|
||||
3
|
||||
</section>
|
||||
<section id="dimensiones" class="ui simple segment">
|
||||
<div class="ui container">
|
||||
DIMENSIONES
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="construido" class="ui simple segment">
|
||||
<section id="construido" class="ui simple segment">
|
||||
<div class="ui container">
|
||||
<div class="column1">
|
||||
CONSTRUIDOS EN IMPRESIÓN 3D
|
||||
</div>
|
||||
<div class="column2 fondo-blanco">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="corporativos" class="ui simple segment">
|
||||
<div class="ui container">
|
||||
<div class="ui grid">
|
||||
<div class="ten wide column">
|
||||
4
|
||||
</div>
|
||||
<div class="six wide column fondo-blanco">
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="corporativos" class="ui simple segment">
|
||||
<div class="ui grid">
|
||||
<div class="ten wide column">
|
||||
5
|
||||
CORPORATIVOS
|
||||
</div>
|
||||
<div class="six wide column fondo-blanco">
|
||||
COTIZA CON NOSOSTROS
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="felices" class="ui simple segment">
|
||||
<section id="felices" class="ui simple segment">
|
||||
<div class="ui container">
|
||||
CLIENTES FELICES
|
||||
</section>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="formulario" class="ui simple segment">
|
||||
<section id="formulario" class="ui simple segment">
|
||||
<div class="ui container">
|
||||
<div class="ui grid">
|
||||
<div class="eight wide column">
|
||||
</div>
|
||||
@ -124,23 +126,40 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="ui grid" id="sticky_container">
|
||||
<div class="ten wide column" id="column"></div>
|
||||
<div class="five wide column">
|
||||
<div class="ui sticky">
|
||||
<div class="ui grid">
|
||||
<div class="ten wide column">
|
||||
STAND<br />
|
||||
$ 5.990<br />
|
||||
COLOR
|
||||
</div>
|
||||
<div class="six wide column">
|
||||
<img src="./assets/images/stand.png" />
|
||||
</div>
|
||||
<div class="ui container" id="sticky_container">
|
||||
<div id="column"></div>
|
||||
<div class="ui sticky">
|
||||
<div class="row">
|
||||
<div class="column1">
|
||||
<div class="titulo">
|
||||
STAND
|
||||
</div>
|
||||
<div class="precio">
|
||||
$ 5.990
|
||||
</div>
|
||||
<div class="colores">
|
||||
COLOR
|
||||
<div class="white circle"></div>
|
||||
<div class="black circle"></div>
|
||||
<div class="blue circle"></div>
|
||||
<div class="green circle"></div>
|
||||
<div class="yellow circle"></div>
|
||||
<div class="orange circle"></div>
|
||||
<div class="red circle"></div>
|
||||
</div>
|
||||
<div class="input">
|
||||
<button class="minus">-</button><input type="text" name="cantidad" value="0" /><button class="plus">+</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column2">
|
||||
<img src="./assets/images/stand.png" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<button class="ui grey button">COMPRAR</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user