kevin.legarreta
/
Proyecto_Oller


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
							<!DOCTYPE html>

<style>
  
  .floating-menu {
    font-family: sans-serif;
    background: /*yellowgreen*/;
    padding: 5px;;
    width: 130px;
    z-index: 100;
    position: fixed;
  }
  .floating-menu a {
    font-size: 0.9em;
    display: block;
    margin: 0 0.5em;
    color: black;
  }
</style>

<html lang="en">
	<head>
		<!-- Required meta tags -->
	    <meta charset="utf-8">
	    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	    <!-- Link to CSS -->
		<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
		<title>MSI</title>
		<!-- Collapse Navbar (needs some work) -->
		<div class="pos-f-t">
			<div class="collapse" id="navbarToggleExternalContent">
		    	<div class="bg-dark p-4">
		      		<h5 class="text-white h4">Collapsed content</h5>
		      		<span class="text-muted">Toggleable via the navbar brand.</span>
		    	</div>
		  	</div>
		  	<nav class="navbar navbar-dark bg-dark">
		    	<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation">
		      		<span class="navbar-toggler-icon"></span>
		    	</button>
		 	</nav>
		</div>
	</head>
	<body>

			<nav class="floating-menu">
				<a href="#hola">Hi</a>
			</nav>


			<!-- <button class="dropdown-btn">Dropdown
    			<i class="fa fa-caret-down"></i>
  			</button>
	 			<div class="dropdown-container">
			    	<a href="#">Link 1</a>
			    	<a href="#">Link 2</a>
					<a href="#">Link 3</a>
				</div> -->


	    <!-- <h1>MSI</h1> -->
	    <!-- Optional JavaScript (No se para que es esto.) -->
	    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
	    <!-- <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> -->
	    <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script> -->
	    <!-- <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script> -->
		
	    <!-- Image Selector -->
	    <!-- <form> -->
			<!-- <div class="form-group"> -->
		    	<!-- <label for="frontImage">Front Image</label>
		    	<select class="form-control" id="frontImage">
		      		<option>1</option>
				    <option>2</option>
				    <option>3</option>
				    <option>4</option>
				    <option>5</option>
		    	</select>
		  	</div>
		  	<div class="form-group">
		    	<label for="backgroundImage">Background Image</label>
		    	<select class="form-control" id="backgroundImage">
		      		<option>1</option>
				    <option>2</option>
				    <option>3</option>
				    <option>4</option>
				    <option>5</option>
		    	</select>
		  	</div>
		</form> -->

	</body>
</html>