first attempt to put bootstrap
This commit is contained in:
root
parent
e7a75db8e2
commit
afa582e549
47
contact.html
47
contact.html
@ -3,38 +3,39 @@
|
||||
|
||||
<head>
|
||||
<title>6to Coloquio Uruguayo de Matémática-Contacto</title>
|
||||
<meta name="description" content="6to Coloquio uruguayo de matemática" />
|
||||
<meta name="keywords" content="6to coloquio uruguay matemática" />
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf8" />
|
||||
<meta name="description" content="website description" />
|
||||
<meta name="keywords" content="website keywords, website keywords" />
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">-->
|
||||
<link rel="stylesheet" type="text/css" href="style/style.css" />
|
||||
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
|
||||
<!-- Latest compiled and minified JavaScript -->
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
|
||||
<script type="text/javascript" src="js/app.js"></script>
|
||||
</head>
|
||||
|
||||
|
||||
<body>
|
||||
<div id="main">
|
||||
<div id="header">
|
||||
|
||||
</div>
|
||||
<div id="site_content">
|
||||
<div class="sidebar">
|
||||
|
||||
</div>
|
||||
<div id="content">
|
||||
<h1>Contáctenos</h1>
|
||||
|
||||
<form id="contactform" action="contact.php" method="post">
|
||||
<div class="form_settings">
|
||||
<p><span>Nombre</span><input class="contact" type="text" name="nombre" value="" required/></p>
|
||||
<p><span>Email:</span><input class="contact" type="email" name="email" value="" required/></p>
|
||||
<p><span>Mensage</span><textarea class="contact textarea" rows="8" cols="50" name="mensage" required></textarea></p>
|
||||
<p style="padding-top: 15px"><span> </span><input class="submit" type="submit" name="contact_submitted" value="submit" /></p>
|
||||
<div id="header" class="row"></div>
|
||||
<div id="site_content" class="container">
|
||||
<div class="row">
|
||||
<div class="sidebar" class="col-xs-12 col-sm-4"></div>
|
||||
<div id="content" class="col-xs-12 col-sm-8">
|
||||
<h1>Contáctenos</h1>
|
||||
<form id="contactform" action="contact.php" method="post">
|
||||
<div class="form_settings">
|
||||
<p><span>Nombre</span><input class="contact" type="text" name="nombre" value="" required/></p>
|
||||
<p><span>Email:</span><input class="contact" type="email" name="email" value="" required/></p>
|
||||
<p><span>Mensage</span><textarea class="contact textarea" rows="8" cols="50" name="mensage" required></textarea></p>
|
||||
<p style="padding-top: 15px"><span> </span><input class="submit" type="submit" name="contact_submitted" value="submit" /></p>
|
||||
</div>
|
||||
</form>
|
||||
<br/>
|
||||
<div id="statusmsg" class="alert alert-success">
|
||||
<strong>Success!</strong> Indicates a successful or positive action.
|
||||
</div>
|
||||
</form>
|
||||
<br/>
|
||||
<div id="statusmsg" class="alert alert-success">
|
||||
<strong>Success!</strong> Indicates a successful or positive action.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
71
index.html
71
index.html
@ -5,46 +5,51 @@
|
||||
<title>6to Coloquio Uruguayo de Matémática</title>
|
||||
<meta name="description" content="website description" />
|
||||
<meta name="keywords" content="website keywords, website keywords" />
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf8" />
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">-->
|
||||
<link rel="stylesheet" type="text/css" href="style/style.css" />
|
||||
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
|
||||
<!-- Latest compiled and minified JavaScript -->
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
|
||||
<script type="text/javascript" src="js/app.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="main">
|
||||
<div id="header"></div>
|
||||
<div id="site_content">
|
||||
<div id="sidebar" class="sidebar"></div>
|
||||
<div id="content">
|
||||
<h1><strong>Bienvenidos al 6º Coloquio Uruguayo de Matemática 2017</strong></h1>
|
||||
<!--<p>This standards compliant, simple, fixed width website template is released as an 'open source' design (under a <a href="http://creativecommons.org/licenses/by/3.0">Creative Commons Attribution 3.0 Licence</a>), which means that you are free to download and use it for anything you want (including modifying and amending it). All I ask is that you leave the 'design from HTML5webtemplates.co.uk' link in the footer of the template, but other than that...</p>
|
||||
<p>This template is written entirely in <strong>HTML5</strong> and <strong>CSS</strong>, and can be validated using the links in the footer.</p>
|
||||
<p>You can view more free HTML5 web templates <a href="http://www.html5webtemplates.co.uk">here</a>.</p>
|
||||
<p>This template is a fully functional 5 page website, with an <a href="examples.html">examples</a> page that gives examples of all the styles available with this design.</p>
|
||||
<h2>Browser Compatibility</h2>
|
||||
<p>This template has been tested in the following browsers:</p>
|
||||
<ul>
|
||||
<li>Internet Explorer 8</li>
|
||||
<li>FireFox 3</li>
|
||||
<li>Google Chrome 13</li>
|
||||
</ul>-->
|
||||
|
||||
<h2>Comité organizador</h2>
|
||||
<ul>
|
||||
<li>Viviana Gubitosi</li>
|
||||
<li>Juliana Xavier</li>
|
||||
<li>Elisa Rocha</li>
|
||||
<li>Ezequiel Maderna</li>
|
||||
<li>Martín Reiris</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="footer">
|
||||
<p><a href="index.html">Home</a> | <a href="examples.html">Examples</a> | <a href="page.html">A Page</a> | <a href="another_page.html">Another Page</a> | <a href="contact.html">Contact Us</a></p>
|
||||
<p>Copyright © night_sky_2 | <a href="http://validator.w3.org/check?uri=referer">HTML5</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> | <a href="http://www.html5webtemplates.co.uk">Website templates</a></p>
|
||||
</div>
|
||||
<div id="header" class="row"></div>
|
||||
<div id="site_content" class="container">
|
||||
<div class="row">
|
||||
<div id="sidebar" class="sidebar col-xs-12 col-sm-4"></div>
|
||||
<div id="content" class="col-xs-12 col-sm-8">
|
||||
<h1><strong>Bienvenidos al 6º Coloquio Uruguayo de Matemática 2017</strong></h1>
|
||||
<!--<p>This standards compliant, simple, fixed width website template is released as an 'open source' design (under a <a href="http://creativecommons.org/licenses/by/3.0">Creative Commons Attribution 3.0 Licence</a>), which means that you are free to download and use it for anything you want (including modifying and amending it). All I ask is that you leave the 'design from HTML5webtemplates.co.uk' link in the footer of the template, but other than that...</p>
|
||||
<p>This template is written entirely in <strong>HTML5</strong> and <strong>CSS</strong>, and can be validated using the links in the footer.</p>
|
||||
<p>You can view more free HTML5 web templates <a href="http://www.html5webtemplates.co.uk">here</a>.</p>
|
||||
<p>This template is a fully functional 5 page website, with an <a href="examples.html">examples</a> page that gives examples of all the styles available with this design.</p>
|
||||
<h2>Browser Compatibility</h2>
|
||||
<p>This template has been tested in the following browsers:</p>
|
||||
<ul>
|
||||
<li>Internet Explorer 8</li>
|
||||
<li>FireFox 3</li>
|
||||
<li>Google Chrome 13</li>
|
||||
</ul>-->
|
||||
|
||||
<h2>Comité organizador</h2>
|
||||
<ul>
|
||||
<li>Viviana Gubitosi</li>
|
||||
<li>Juliana Xavier</li>
|
||||
<li>Elisa Rocha</li>
|
||||
<li>Ezequiel Maderna</li>
|
||||
<li>Martín Reiris</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="footer">
|
||||
<p><a href="index.html">Home</a> | <a href="examples.html">Examples</a> | <a href="page.html">A Page</a> | <a href="another_page.html">Another Page</a> | <a href="contact.html">Contact Us</a></p>
|
||||
<p>Copyright © night_sky_2 | <a href="http://validator.w3.org/check?uri=referer">HTML5</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> | <a href="http://www.html5webtemplates.co.uk">Website templates</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
122
register.html
122
register.html
@ -6,79 +6,77 @@
|
||||
<meta name="description" content="website description" />
|
||||
<meta name="keywords" content="website keywords, website keywords" />
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf8" />
|
||||
<!--<meta name="viewport" content="width=device-width, initial-scale=1">-->
|
||||
<!--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">-->
|
||||
<link rel="stylesheet" type="text/css" href="style/style.css" />
|
||||
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
|
||||
<!-- Latest compiled and minified JavaScript
|
||||
<!-- Latest compiled and minified JavaScript -->
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
|
||||
<script type="text/javascript" src="js/app.js"></script>-->
|
||||
<script type="text/javascript" src="js/app.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
|
||||
<body>
|
||||
<div id="main">
|
||||
<div id="header">
|
||||
|
||||
</div>
|
||||
<div id="site_content">
|
||||
<div class="sidebar">
|
||||
|
||||
</div>
|
||||
<div id="content">
|
||||
<h1>Registrarse</h1>
|
||||
<form id="registerform" action="register.php" method="post">
|
||||
<div class="form_settings">
|
||||
<p class="inline-input">
|
||||
<span>Nombre</span>
|
||||
<!--bel for="nombre" class="control-label">Nombre</label>-->
|
||||
<input placeholder="Juan" name="nombre" type="text" class="form-control" id="nombre" required>
|
||||
<label for="apellido" class="control-label">Apellido</label>
|
||||
<input name="apellido" placeholder="Rodriguez" type="text" class="form-control" id="apellido" required>
|
||||
</p>
|
||||
<p class="inline-input">
|
||||
<span>Documento:</span>
|
||||
<div id="header" class="row"></div>
|
||||
<div id="site_content" class="container">
|
||||
<div class="row">
|
||||
<div class="sidebar" class="col-xs-12 col-sm-4"></div>
|
||||
<div id="content" class="col-xs-12 col-sm-8">
|
||||
<h1>Registrarse</h1>
|
||||
<form id="registerform" action="register.php" method="post">
|
||||
<div class="form_settings">
|
||||
<p class="inline-input">
|
||||
<span>Nombre</span>
|
||||
<!--bel for="nombre" class="control-label">Nombre</label>-->
|
||||
<input placeholder="Juan" name="nombre" type="text" class="form-control" id="nombre" required>
|
||||
<label for="apellido" class="control-label">Apellido</label>
|
||||
<input name="apellido" placeholder="Rodriguez" type="text" class="form-control" id="apellido" required>
|
||||
</p>
|
||||
<p class="inline-input">
|
||||
<span>Documento:</span>
|
||||
|
||||
<select class="small" name="doctype" required id="doctype">
|
||||
<option>Tipo:</option>
|
||||
<option>C.I</option>
|
||||
<option>PSP</option>
|
||||
</select>
|
||||
<label for="docnro" class="control-label">Nro.</label>
|
||||
<input placeholder="Seleccione Tipo.. " type="text" id="txtdocnro" name="docnro" required>
|
||||
</p>
|
||||
<p>
|
||||
<span>Dirección:</span>
|
||||
<input name="dir" placeholder="18 de Julio 1544" type="text" name="dir" required>
|
||||
</p>
|
||||
<p class="inline-input">
|
||||
<span>Pais: </span>
|
||||
<!--<label for="pais" class="control-label">Pais</label>-->
|
||||
<input placeholder="Uruguay" type="text" class="form-control" name="pais" required>
|
||||
<label for="estado" class="control-label">Ciudad</label>
|
||||
<input placeholder="Montevideo" type="text" name="ciudad" required>
|
||||
</p>
|
||||
<p><span>Teléfono:</span><input placeholder="099 123 456" class="contact" type="text" name="tel" required /></p>
|
||||
<p><span>Email:</span><input placeholder="mail@example.com" class="contact" type="email" name="email" value="" required/></p>
|
||||
<p><span>Profesión:</span><input placeholder="Profesor" class="contact" type="text" name="profesion" required/></p>
|
||||
|
||||
<select class="small" name="doctype" required id="doctype">
|
||||
<option>Tipo:</option>
|
||||
<option>C.I</option>
|
||||
<option>PSP</option>
|
||||
</select>
|
||||
<label for="docnro" class="control-label">Nro.</label>
|
||||
<input placeholder="Seleccione Tipo.. " type="text" id="txtdocnro" name="docnro" required>
|
||||
</p>
|
||||
<p>
|
||||
<span>Dirección:</span>
|
||||
<input name="dir" placeholder="18 de Julio 1544" type="text" name="dir" required>
|
||||
</p>
|
||||
<p class="inline-input">
|
||||
<span>Pais: </span>
|
||||
<!--<label for="pais" class="control-label">Pais</label>-->
|
||||
<input placeholder="Uruguay" type="text" class="form-control" name="pais" required>
|
||||
<label for="estado" class="control-label">Ciudad</label>
|
||||
<input placeholder="Montevideo" type="text" name="ciudad" required>
|
||||
</p>
|
||||
<p><span>Teléfono:</span><input placeholder="099 123 456" class="contact" type="text" name="tel" required /></p>
|
||||
<p><span>Email:</span><input placeholder="mail@example.com" class="contact" type="email" name="email" value="" required/></p>
|
||||
<p><span>Profesión:</span><input placeholder="Profesor" class="contact" type="text" name="profesion" required/></p>
|
||||
|
||||
<p>
|
||||
<span style="width:150px;">Precisa financiación?</span>
|
||||
<label>Si</label><input type="radio" name="financiacion" value="si" id="sifinan"/>
|
||||
<label>No</label><input type="radio" checked="True" name="financiacion" value="no" id="nofinan"/>
|
||||
</p>
|
||||
<br/>
|
||||
<p id="detallefinan">
|
||||
<span>Detalle, con estimación de costo:</span>
|
||||
<textarea class="contact textarea" type="text" rows="8" cols="50" name="detallefinan"></textarea>
|
||||
</p>
|
||||
|
||||
<p style="padding-top: 15px"><span> </span><input class="submit" type="submit" name="contact_submitted" value="submit" /></p>
|
||||
<p>
|
||||
<span style="width:150px;">Precisa financiación?</span>
|
||||
<label>Si</label><input type="radio" name="financiacion" value="si" id="sifinan"/>
|
||||
<label>No</label><input type="radio" checked="True" name="financiacion" value="no" id="nofinan"/>
|
||||
</p>
|
||||
<br/>
|
||||
<p id="detallefinan">
|
||||
<span>Detalle, con estimación de costo:</span>
|
||||
<textarea class="contact textarea" type="text" rows="8" cols="50" name="detallefinan"></textarea>
|
||||
</p>
|
||||
|
||||
<p style="padding-top: 15px"><span> </span><input class="submit" type="submit" name="contact_submitted" value="submit" /></p>
|
||||
</div>
|
||||
</form>
|
||||
<div id="statusmsg" class="alert alert-success">
|
||||
<strong>Success!</strong> Indicates a successful or positive action.
|
||||
</div>
|
||||
</form>
|
||||
<div id="statusmsg" class="alert alert-success">
|
||||
<strong>Success!</strong> Indicates a successful or positive action.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
|
||||
<div id="logo">
|
||||
<div id="logo_text">
|
||||
<div id="logo_text" class="row">
|
||||
<!-- class="logo_colour", allows you to change the colour of the text -->
|
||||
<h1><a href="/">6to<span class="logo_colour"> Coloquio Uruguayo de Matemática</span></a></h1>
|
||||
<h2 style="font-size:29px;"><strong>20, 21 y 22 de Diciembre</strong></h2>
|
||||
</div>
|
||||
</div>
|
||||
<div id="menubar">
|
||||
<div id="menubar" class="row">
|
||||
<ul id="menu">
|
||||
<li class="selected"><a href="/">Inicio</a></li>
|
||||
<li><a href="contact.html">Contacto</a></li>
|
||||
|
||||
@ -4,21 +4,28 @@ body
|
||||
{ font-family: "lucida sans", arial, sans-serif;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
font-size: .78em;
|
||||
font-size: 13px;
|
||||
background: #090708;
|
||||
color: #5D5D5D;
|
||||
|
||||
}
|
||||
body{
|
||||
background:
|
||||
/*background:
|
||||
linear-gradient(
|
||||
rgba(0, 0, 0, 0.8),
|
||||
rgba(0, 0, 0, 0.8)
|
||||
),
|
||||
url(background.jpg);
|
||||
url(background.jpg);*/
|
||||
background-color: white;
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1200px) {
|
||||
.container{
|
||||
width: 970px;
|
||||
}
|
||||
}
|
||||
p
|
||||
{ margin: 0px;
|
||||
padding: 0px 0px 16px 0px;
|
||||
@ -201,7 +208,7 @@ ul#menu li a:hover
|
||||
{ color: #FC9C04;}
|
||||
|
||||
#site_content
|
||||
{ width: 858px;
|
||||
{ /*width: 858px;*/
|
||||
overflow: hidden;
|
||||
margin: 0 auto 0 auto;
|
||||
padding: 10px 20px 20px 20px;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user