kevin.legarreta
/
Proyecto_Oller
Observar 1
Favorito 0
Fork 0
Código Issues 0 Pull requests 0 Versões 0 Wiki Atividade
Ver código fonte

First upload

Kevinlega 6 anos atrás
pai
abcc964cfe
commit
cb7503a636
1 arquivos alterados com 98 adições e 0 exclusões
Visão dividida Mostrar estatísticas do Diff
  1. 98
    0
      FORS&XRF.html

+ 98
- 0
FORS&XRF.html Ver arquivo 

@@ -0,0 +1,98 @@
1 
+<!DOCTYPE html>
2 
+
3 
+<style>
4 
+
5 
+  .floating-menu {
6 
+    font-family: sans-serif;
7 
+    background: /*yellowgreen*/;
8 
+    padding: 5px;;
9 
+    width: 130px;
10 
+    z-index: 100;
11 
+    position: fixed;
12 
+  }
13 
+  .floating-menu a {
14 
+    font-size: 0.9em;
15 
+    display: block;
16 
+    margin: 0 0.5em;
17 
+    color: black;
18 
+  }
19 
+</style>
20 
+
21 
+<html lang="en">
22 
+	<head>
23 
+		<!-- Required meta tags -->
24 
+	    <meta charset="utf-8">
25 
+	    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
26 
+	    <!-- Link to CSS -->
27 
+		<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
28 
+		<title>MSI</title>
29 
+		<!-- Collapse Navbar (needs some work) -->
30 
+		<div class="pos-f-t">
31 
+			<div class="collapse" id="navbarToggleExternalContent">
32 
+		    	<div class="bg-dark p-4">
33 
+		      		<h5 class="text-white h4">Collapsed content</h5>
34 
+		      		<span class="text-muted">Toggleable via the navbar brand.</span>
35 
+		    	</div>
36 
+		  	</div>
37 
+		  	<nav class="navbar navbar-dark bg-dark">
38 
+		    	<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation">
39 
+		      		<span class="navbar-toggler-icon"></span>
40 
+		    	</button>
41 
+		 	</nav>
42 
+		</div>
43 
+	</head>
44 
+	<body>
45 
+
46 
+			<nav class="floating-menu">
47 
+				<a href="#hola">Hi</a>
48 
+			</nav>
49 
+
50 
+
51 
+
52 
+
53 
+
54 
+			<!-- <button class="dropdown-btn">Dropdown
55 
+    			<i class="fa fa-caret-down"></i>
56 
+  			</button>
57 
+	 			<div class="dropdown-container">
58 
+			    	<a href="#">Link 1</a>
59 
+			    	<a href="#">Link 2</a>
60 
+					<a href="#">Link 3</a>
61 
+				</div> -->
62 
+
63 
+
64 
+
65 
+
66 
+	    <!-- <h1>MSI</h1> -->
67 
+	    <!-- Optional JavaScript (No se para que es esto.) -->
68 
+	    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
69 
+	    <!-- <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> -->
70 
+	    <!-- <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> -->
71 
+	    <!-- <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script> -->
72 
+
73 
+	    <!-- Image Selector -->
74 
+	    <!-- <form> -->
75 
+			<!-- <div class="form-group"> -->
76 
+		    	<!-- <label for="frontImage">Front Image</label>
77 
+		    	<select class="form-control" id="frontImage">
78 
+		      		<option>1</option>
79 
+				    <option>2</option>
80 
+				    <option>3</option>
81 
+				    <option>4</option>
82 
+				    <option>5</option>
83 
+		    	</select>
84 
+		  	</div>
85 
+		  	<div class="form-group">
86 
+		    	<label for="backgroundImage">Background Image</label>
87 
+		    	<select class="form-control" id="backgroundImage">
88 
+		      		<option>1</option>
89 
+				    <option>2</option>
90 
+				    <option>3</option>
91 
+				    <option>4</option>
92 
+				    <option>5</option>
93 
+		    	</select>
94 
+		  	</div>
95 
+		</form> -->
96 
+
97 
+	</body>
98 
+</html>