ProVM/stand
3
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

v2.0.0-beta

Browse Source
This commit is contained in:
Aldarien
2021-01-12 11:44:15 -03:00
parent 81f6ae876e
commit 47c3e3924f
78 changed files with 1165 additions and 587 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
assets/html/001_head.html Normal file
View File

@ -0,0 +1,15 @@
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8" />
<title>Stand Chile</title>
<meta name="keywords" content="stand, chile, celular, smartphone, telefono" />
<meta content="width=device-width, initial-scale=1" name="viewport" />
<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="icon" type="image/png" href="./assets/images/favicon.png" />
<link rel="stylesheet" type="text/css" href="./assets/styles/main.min.css" />
</head>
<body>

39
assets/html/002_banner.html Normal file
View File

@ -0,0 +1,39 @@
<header id="header">
<div class="ui container">
<nav id="menu" class="ui borderless sticky menu" role="navigation" aria-label="navigation">
<div class="left menu item">
<div class="ui simple dropdown">
<div class="text">
<i class="bars icon"></i>
</div>
<div class="menu">
<a class="item" href="./">Inicio</a>
<a class="item" href="#ventajas">Ventajas</a>
<a class="item" href="#dimensiones">Dimensiones</a>
<a class="item" href="#corporativos">Corporativos</a>
<a class="item" href="#testimonios">Testimonios</a>
<a class="item" href="#contacto">Contacto</a>
</div>
</div>
</div>
<div class="right menu">
<a class="item" href="#contacto">
<i class="shopping cart icon">
<div class="cantidad">0</div>
</i>
</a>
</div>
</nav>
<div class="ui center aligned basic segment">
<div id="logo">
<img src="./assets/images/logo.svg" />
</div>
<div class="paragraph">
<div class="header">
SOPORTES PARA SMARTPHONE Y TABLETS
</div>
Diseñado y Fabricado en Chile
</div>
</div>
</div>
</header>

23
assets/html/003_descripcion.html Normal file
View File

@ -0,0 +1,23 @@
<section id="descripcion">
<div class="ui container">
<div class="left column">
<div class="images">
<div class="ui medium image">
<img src="./assets/images/seccion11.png" />
</div>
<div class="ui medium image">
<img src="./assets/images/seccion12.png" />
</div>
<div class="ui medium image">
<img src="./assets/images/seccion13.png" />
</div>
</div>
<div class="paragraph">
<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>
</div>
</div>
</section>

61
assets/html/004_ventajas.html Normal file
View File

@ -0,0 +1,61 @@
<section id="ventajas">
<div class="diagonal"></div>
<div class="ui container">
<div class="left column">
<div class="titulo">
VENTAJAS
</div>
<div class="ui two columns stackable grid">
<div class="column">
<div class="gallery">
<div class="ui large image">
<img src="./assets/images/foto1.jpg" />
</div>
<div class="nav left">
<i class="angle left icon"></i>
</div>
<div class="nav right">
<i class="angle right icon"></i>
</div>
</div>
</div>
<div class="column">
<div class="ui two columns grid">
<div class="row">
<div class="column">
<div class="ui center aligned basic segment">
<i class="pallet icon"></i>
<br />
Apoyo estable para el dispositivo
</div>
</div>
<div class="column">
<div class="ui center aligned basic segment">
<i class="angle icon"></i>
<br />
&Aacute;ngulo preciso de inclinaci&oacute;n para usar en conferencias
</div>
</div>
</div>
<div class="row">
<div class="column">
<div class="ui center aligned basic segment">
<i class="bolt icon"></i>
<br />
Compatible con tablets, permite cargar mientras se usa
</div>
</div>
<div class="column">
<div class="ui center aligned basic segment">
<i class="thumbs up icon"></i>
<br />
Dise&ntilde;o moderno y minimalista
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

53
assets/html/005_dimensiones.html Normal file
View File

@ -0,0 +1,53 @@
<section id="dimensiones">
<div class="fondo-gris"></div>
<div class="ui container">
<div class="left column">
<div class="titulo">
DIMENSIONES Y COLORES
</div>
<div class="ui stackable grid">
<div class="column">
<div class="ui medium image">
<img src="./assets/images/dimensiones.svg" />
</div>
</div>
<div class="column">
<div class="ui grid">
<div class="row">
<div class="sixteen wide column">
<div class="colores">
<div class="white circle"></div>
<div class="black circle"></div>
<div class="blue selected circle"></div>
<div class="petrol circle"></div>
<div class="cyan circle"></div>
<div class="green circle"></div>
<div class="yellow circle"></div>
<div class="orange circle"></div>
<div class="red circle"></div>
</div>
</div>
</div>
<div class="row fotos">
<div class="five wide column">
<div class="ui image">
<img src="./assets/images/fotos/azul/left-small.jpg" class="left-small" />
</div>
</div>
<div class="five wide column">
<div class="ui image">
<img src="./assets/images/fotos/azul/left.jpg" class="left" />
</div>
</div>
<div class="five wide column">
<div class="ui image">
<img src="./assets/images/fotos/azul/right.jpg" class="right" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

18
assets/html/006_construido.html Normal file
View File

@ -0,0 +1,18 @@
<section id="construidos">
<div class="ui container">
<div class="left column">
<div class="titulo">
CONSTRUIDOS CON IMPRESI&Oacute;N 3D
</div>
<div class="content">
<i class="chile icon"></i>
<br />
Dise&ntilde;ado y fabricado en Chile
<br />
<i class="recycle icon"></i>
<br />
Fabricado en pl&aacute;stico de orien vegetal sin derivados del petr&oacute;leo
</div>
</div>
</div>
</section>

96
assets/html/007_corporativos.html Normal file
View File

@ -0,0 +1,96 @@
<section id="corporativos">
<div class="ui container">
<div class="left column">
<div class="titulo">
CORPORATIVOS
</div>
<div class="two columns stackable grid">
<div class="column">
<div class="ui large image">
<img src="./assets/images/logo_abajo.jpg" />
</div>
<div class="content">
<div class="header">
LOGO ABAJO
</div>
<ul>
<li class="plus">Siempre visible</li>
<li class="minus">Menor tama&ntilde;o</li>
</ul>
</div>
</div>
<div class="column">
<div class="ui large image">
<img src="./assets/images/logo_arriba.jpg" />
</div>
<div class="content">
<div class="header">
LOGO ARRIBA
</div>
<ul>
<li class="plus">Mayor tama&ntilde;o</li>
<li class="minus">No se ve al apoyar el tel&eacute;fono</li>
</ul>
</div>
</div>
</div>
</div>
<div class="right column">
<div class="titulo">
COTIZA CON NOSOTROS
</div>
<form class="ui form">
<div class="row">
<div class="input">
LOGO
<input type="file" name="archivo" placeholder="Cargar archivo" />
<div class="file"><i class="upload icon"></i></div>
</div>
</div>
<div class="row">
<div class="colores linea">
<input type="hidden" name="color" value="azul" />
<span class="text">COLOR</span>
<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>
<div class="row">
<div class="input cantidad">
<button class="minus" type="button">
<i class="minus icon"></i>
</button><input type="text" name="cantidad" value="0" /><button class="plus" type="button">
<i class="plus icon"></i>
</button>
</div>
</div>
<div class="row">
<div class="input">
<input type="text" name="nombre" placeholder="NOMBRE" />
</div>
</div>
<div class="row">
<div class="input">
<input type="text" name="email" placeholder="E-MAIL" />
</div>
</div>
<div class="row">
<div class="input">
<input type="text" name="telefono" placeholder="TELÉFONO" />
</div>
</div>
<div class="row">
<div class="input">
<textarea name="mensaje" placeholder="MENSAJE"></textarea>
</div>
</div>
<button class="ui button" type="submit">COTIZAR</button>
</form>
</div>
</div>
</section>

25
assets/html/008_testimonios.html Normal file
View File

@ -0,0 +1,25 @@
<section id="testimonios">
<div class="ui container">
<div class="titulo">
CLIENTES FELICES
</div>
<div class="ui grid">
<div class="three columns row">
<div class="column">
<div class="testimonio ui card"></div>
</div>
<div class="column">
<div class="testimonio ui card"></div>
</div>
<div class="column">
<div class="testimonio ui card"></div>
</div>
</div>
<div class="row">
<div class="sixteen wide column">
<div class="nav"></div>
</div>
</div>
</div>
</div>
</section>

62
assets/html/009_contacto.html Normal file
View File

@ -0,0 +1,62 @@
<section id="contacto">
<div class="ui container">
<div class="ui stackable grid">
<div class="column">
<div class="ui stackable grid">
<div class="column">
<div class="ui large image">
<img src="./assets/images/conversemos.png" />
</div>
</div>
<div class="column">
<div class="ui center aligned basic segment">
<a href="http://wa.me/56965872558">
<div class="whatsapp">
<i class="whatsapp icon"></i>
CONVERSEMOS
</div>
</a>
<br />
<a href="mailto:contacto@3dstand.cl">
contacto@3dstand.cl
</a>
<br />
<i class="ui icons">
<a href="http://instagram.com/stand">
<i class="ui icons">
<i class="circle icon"></i>
<i class="instagram icon"></i>
</i>
</a>
<a href="http://facebook.com/stand">
<i class="ui icons">
<i class="circle icon"></i>
<i class="facebook f icon"></i>
</i>
</a>
</i>
</div>
</div>
</div>
</div>
<div class="column">
<div class="titulo">
CONVERSEMOS!
<a href="http://wa.me/56965872558">
<i class="green whatsapp icon"></i>
</a>
</div>
<div class="paragraph">
scing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nosventas
</div>
<form class="ui form" id="contacto">
<input type="text" name="nombre" placeholder="NOMBRE" />
<input type="text" name="mail" placeholder="E-MAIL" />
<textarea name="mensaje" placeholder="MENSAJE"></textarea>
<button class="ui button">ENVIAR</button>
</form>
</div>
</div>
</div>
</section>

7
assets/html/101_footer.html Normal file
View File

@ -0,0 +1,7 @@
<!-- Scripts -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.8.7/semantic.min.js" integrity="sha512-1Nyd5H4Aad+OyvVfUOkO/jWPCrEvYIsQENdnVXt1+Jjc4NoJw28nyRdrpOCyFH4uvR3JmH/5WmfX1MJk2ZlhgQ==" crossorigin="anonymous"></script>
<script type="text/javascript" src="https://smtpjs.com/v3/smtp.js"></script>
<script type="text/javascript" src="./assets/scripts/main.min.js"></script>
</body>
</html>