-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
0b9ed18
commit 9e40c8e
Showing
21 changed files
with
11,076 additions
and
2 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,22 @@ | ||
|
||
The MIT License (MIT) | ||
|
||
Copyright (c) 2013-2016 Blackrock Digital LLC. | ||
|
||
Permission is hereby granted, free of charge, to any person obtaining a copy | ||
of this software and associated documentation files (the "Software"), to deal | ||
in the Software without restriction, including without limitation the rights | ||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell | ||
copies of the Software, and to permit persons to whom the Software is | ||
furnished to do so, subject to the following conditions: | ||
|
||
The above copyright notice and this permission notice shall be included in | ||
all copies or substantial portions of the Software. | ||
|
||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR | ||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, | ||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE | ||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER | ||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, | ||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN | ||
THE SOFTWARE. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,2 +1,35 @@ | ||
# IPO-Hotjar | ||
Análisis | ||
# [IPO-SHOP](https://juan-cb.github.io/IPO-shop/) - Creada a partir de [Shop Homepage](http://startbootstrap.com/template-overviews/shop-homepage/) | ||
|
||
La web _dummy_ alojada en este repositorio está pensada para que los alumnos de la asignatura Interacción Persona-Ordenador de 3º del Grado en Ingeniería Informática de la Universidad de Salamanca. | ||
Los alumnos pueden utilizarla para integrar [Hotjar](https://www.hotjar.com/) y evaluar su interacción con la misma a través del panel de Analytics y Feedback de Hotjar. | ||
|
||
Las condiciones completas de la práctica, están en el [Studium](http://studium.usal.es) de la asignatura | ||
|
||
## About Shop Homepage | ||
|
||
[Shop Homepage](http://startbootstrap.com/template-overviews/shop-homepage/) is a basic HTML online store homepage template for [Bootstrap](http://getbootstrap.com/) created by [Start Bootstrap](http://startbootstrap.com/). | ||
|
||
## Getting Started | ||
|
||
To begin using this template, choose one of the following options to get started: | ||
* [Download the latest release on Start Bootstrap](http://startbootstrap.com/template-overviews/shop-homepage/) | ||
* Clone the repo: `git clone https://github.com/BlackrockDigital/startbootstrap-shop-homepage.git` | ||
* Fork the repo | ||
|
||
## Bugs and Issues | ||
|
||
Have a bug or an issue with this template? [Open a new issue](https://github.com/BlackrockDigital/startbootstrap-shop-homepage/issues) here on GitHub or leave a comment on the [template overview page at Start Bootstrap](http://startbootstrap.com/template-overviews/shop-homepage/). | ||
|
||
## Creator | ||
|
||
Start Bootstrap was created by and is maintained by **[David Miller](http://davidmiller.io/)**, Owner of [Blackrock Digital](http://blackrockdigital.io/). | ||
|
||
* https://twitter.com/davidmillerskt | ||
* https://github.com/davidtmiller | ||
|
||
Start Bootstrap is based on the [Bootstrap](http://getbootstrap.com/) framework created by [Mark Otto](https://twitter.com/mdo) and [Jacob Thorton](https://twitter.com/fat). | ||
|
||
## Copyright and License | ||
|
||
Copyright 2013-2016 Blackrock Digital LLC. Code released under the [MIT](https://github.com/BlackrockDigital/startbootstrap-shop-homepage/blob/gh-pages/LICENSE) license. | ||
Modified by IPO USAL teachers for teaching purposes |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,184 @@ | ||
<!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"> | ||
<meta name="description" content=""> | ||
<meta name="author" content=""> | ||
|
||
<title>IPO-SHOP</title> | ||
|
||
<!-- Bootstrap Core CSS --> | ||
<link href="css/bootstrap.min.css" rel="stylesheet"> | ||
|
||
<!-- Custom CSS --> | ||
<link href="css/shop-homepage.css" rel="stylesheet"> | ||
|
||
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> | ||
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> | ||
<!--[if lt IE 9]> | ||
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> | ||
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> | ||
<![endif]--> | ||
<!-- Hotjar Tracking Code for https://github.com/MiguelCabezasPuerto/IPO-Hotjar --> | ||
<script> | ||
(function(h,o,t,j,a,r){ | ||
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; | ||
h._hjSettings={hjid:1264557,hjsv:6}; | ||
a=o.getElementsByTagName('head')[0]; | ||
r=o.createElement('script');r.async=1; | ||
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; | ||
a.appendChild(r); | ||
})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); | ||
</script> | ||
|
||
</head> | ||
|
||
<body> | ||
|
||
<!-- Navigation --> | ||
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> | ||
<div class="container"> | ||
<!-- Brand and toggle get grouped for better mobile display --> | ||
<div class="navbar-header"> | ||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> | ||
<span class="sr-only">Toggle navigation</span> | ||
<span class="icon-bar"></span> | ||
<span class="icon-bar"></span> | ||
<span class="icon-bar"></span> | ||
</button> | ||
<a class="navbar-brand" href="index.html">IPO-SHOP</a> | ||
</div> | ||
<!-- Collect the nav links, forms, and other content for toggling --> | ||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> | ||
<ul class="nav navbar-nav"> | ||
<li> | ||
<a href="somos.html">¿Quiénes somos?</a> | ||
</li> | ||
<li> | ||
<a href="servicios.html">Servicios</a> | ||
</li> | ||
<li> | ||
<a href="contacto.html">Contacto</a> | ||
</li> | ||
<li> | ||
<a href="login.html">Login</a> | ||
</li> | ||
</ul> | ||
</div> | ||
<!-- /.navbar-collapse --> | ||
</div> | ||
<!-- /.container --> | ||
</nav> | ||
|
||
<!-- Page Content --> | ||
<div class="row" style="margin-top:20px"> | ||
<div class="col-xs-3 col-md-offset-0 item-photo"> | ||
<div class="row" style="border:px solid gray"> | ||
<img style="max-width:100%;" src="https://ak1.ostkcdn.com/images/products/8818677/Samsung-Galaxy-S4-I337-16GB-AT-T-Unlocked-GSM-Android-Cell-Phone-85e3430e-6981-4252-a984-245862302c78_600.jpg" /> | ||
</div> | ||
<div class="row" style="border:0px solid gray; padding-left: 40px"> | ||
<!-- Datos del vendedor y titulo del producto --> | ||
<h3>Samsung Galaxy S4 I337 16GB 4G LTE Unlocked GSM Android Cell Phone</h3> | ||
<h5 style="color:#337ab7">vendido por <a href="#">Samsung</a> · <small style="color:#337ab7">(5054 ventas)</small></h5> | ||
|
||
<!-- Precios --> | ||
<h6 class="title-price"><small>PRECIO OFERTA</small></h6> | ||
<h3 style="margin-top:0px;">U$S 399</h3> | ||
|
||
<!-- Detalles especificos del producto --> | ||
<div class="section"> | ||
<h6 class="title-attr" style="margin-top:15px;" ><small>COLOR</small></h6> | ||
<div> | ||
<p>Blanco</p> | ||
</div> | ||
</div> | ||
<div class="section" style="padding-bottom:5px;"> | ||
<h6 class="title-attr"><small>CAPACIDAD</small></h6> | ||
<div> | ||
<div class="attr2">16 GB</div> | ||
<div class="attr2">32 GB</div> | ||
</div> | ||
</div> | ||
<div class="section" style="padding-bottom:20px;"> | ||
<h6 class="title-attr"><small>CANTIDAD</small></h6> | ||
<div> | ||
<input value="1" /> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
<div class="container"> | ||
<div class="col-xs-8"> | ||
|
||
|
||
<div class="row" style="margin-top:20px"> | ||
<div class="col-xs-12 col-sm-8 col-md-6 col-sm-offset-2 col-md-offset-3"> | ||
<form role="form" action="gracias.html"> | ||
<fieldset> | ||
<h2>Introduce tus datos</h2> | ||
<hr class="colorgraph"> | ||
<div class="form-group"> | ||
<input type="email" name="email" id="email" class="form-control input-lg" placeholder="Email Address"> | ||
</div> | ||
<div class="form-group"> | ||
<input type="password" name="password" id="password" class="form-control input-lg" placeholder="Password"> | ||
</div> | ||
<div class="form-group"> | ||
<h3>Forma de pago</h3> | ||
<label class="radio-inline"> | ||
<input type="radio" name="survey" id="Radios1" value="No"> | ||
Efectivo | ||
</label> | ||
<label class="radio-inline"> | ||
<input type="radio" name="survey" id="Radios2" value="No"> | ||
Visa | ||
</label> | ||
<label class="radio-inline"> | ||
<input type="radio" name="survey" id="Radios3" value="No"> | ||
Mastercard | ||
</label> | ||
</div> | ||
<div class="row"> | ||
<div class="col-xs-6 col-sm-6 col-md-6"> | ||
<input type="submit" class="btn btn-lg btn-success btn-block" value="Comprar"> | ||
</div> | ||
</div> | ||
</fieldset> | ||
</form> | ||
</div> | ||
</div> | ||
</div> | ||
|
||
</div> | ||
</div> | ||
|
||
<!-- /.container --> | ||
|
||
<div class="container"> | ||
|
||
<!-- Footer --> | ||
<footer> | ||
<div class="row"> | ||
<div class="col-lg-12"> | ||
<hr> | ||
<p>Copyright © <a href="http://startbootstrap.com/">Start Bootstrap</a> & IPO USAL 2017</p> | ||
</div> | ||
</div> | ||
</footer> | ||
|
||
</div> | ||
<!-- /.container --> | ||
|
||
<!-- jQuery --> | ||
<script src="js/jquery.js"></script> | ||
|
||
<!-- Bootstrap Core JavaScript --> | ||
<script src="js/bootstrap.min.js"></script> | ||
|
||
</body> | ||
|
||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,140 @@ | ||
<!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"> | ||
<meta name="description" content=""> | ||
<meta name="author" content=""> | ||
|
||
<title>IPO-SHOP</title> | ||
|
||
<!-- Bootstrap Core CSS --> | ||
<link href="css/bootstrap.min.css" rel="stylesheet"> | ||
|
||
<!-- Custom CSS --> | ||
<link href="css/shop-homepage.css" rel="stylesheet"> | ||
|
||
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> | ||
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> | ||
<!--[if lt IE 9]> | ||
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> | ||
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> | ||
<![endif]--> | ||
<!-- Hotjar Tracking Code for https://github.com/MiguelCabezasPuerto/IPO-Hotjar --> | ||
<script> | ||
(function(h,o,t,j,a,r){ | ||
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; | ||
h._hjSettings={hjid:1264557,hjsv:6}; | ||
a=o.getElementsByTagName('head')[0]; | ||
r=o.createElement('script');r.async=1; | ||
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; | ||
a.appendChild(r); | ||
})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); | ||
</script> | ||
|
||
</head> | ||
|
||
<body> | ||
|
||
<!-- Navigation --> | ||
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> | ||
<div class="container"> | ||
<!-- Brand and toggle get grouped for better mobile display --> | ||
<div class="navbar-header"> | ||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> | ||
<span class="sr-only">Toggle navigation</span> | ||
<span class="icon-bar"></span> | ||
<span class="icon-bar"></span> | ||
<span class="icon-bar"></span> | ||
</button> | ||
<a class="navbar-brand" href="index.html">IPO-SHOP</a> | ||
</div> | ||
<!-- Collect the nav links, forms, and other content for toggling --> | ||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> | ||
<ul class="nav navbar-nav"> | ||
<li> | ||
<a href="somos.html">¿Quiénes somos?</a> | ||
</li> | ||
<li> | ||
<a href="servicios.html">Servicios</a> | ||
</li> | ||
<li> | ||
<a href="contacto.html">Contacto</a> | ||
</li> | ||
<li> | ||
<a href="login.html">Login</a> | ||
</li> | ||
</ul> | ||
</div> | ||
<!-- /.navbar-collapse --> | ||
</div> | ||
<!-- /.container --> | ||
</nav> | ||
|
||
<!-- Page Content --> | ||
<div class="container"> | ||
|
||
<div class="row"> | ||
|
||
<div class="col-md-12"> | ||
<div class="container"> | ||
|
||
<div class="row" style="margin-top:20px"> | ||
<div class="col-xs-12 col-sm-8 col-md-6 col-sm-offset-2 col-md-offset-3"> | ||
<form role="form"> | ||
<fieldset> | ||
<h2>Contacta con nosotros</h2> | ||
<hr> | ||
<div class="form-group"> | ||
<input type="nombre" name="nombre" id="nombre" class="form-control input-lg" placeholder="Tu nombre"> | ||
</div> | ||
<div class="form-group"> | ||
<input type="email" name="email" id="email" class="form-control input-lg" placeholder="Dirección email"> | ||
</div> | ||
<div class="form-group"> | ||
<textarea class="form-control" id="message" name="message" placeholder="¿Qué nos quieres decir?" rows="5"></textarea> | ||
</div> | ||
|
||
<div class="form-group"> | ||
<div class="col-md-12 text-right"> | ||
<button type="submit" class="btn btn-primary btn-lg">Enviar</button> | ||
</div> | ||
</div> | ||
</fieldset> | ||
</form> | ||
</div> | ||
</div> | ||
</div> | ||
|
||
</div> | ||
<!-- /.container --> | ||
|
||
<div class="container"> | ||
|
||
<hr> | ||
|
||
<!-- Footer --> | ||
<footer> | ||
<div class="row"> | ||
<div class="col-lg-12"> | ||
<hr> | ||
<p>Copyright © <a href="http://startbootstrap.com/">Start Bootstrap</a> & IPO USAL 2017</p> | ||
</div> | ||
</div> | ||
</footer> | ||
|
||
</div> | ||
<!-- /.container --> | ||
|
||
<!-- jQuery --> | ||
<script src="js/jquery.js"></script> | ||
|
||
<!-- Bootstrap Core JavaScript --> | ||
<script src="js/bootstrap.min.js"></script> | ||
|
||
</body> | ||
|
||
</html> |
Oops, something went wrong.