CellCheck/contracts.html at master · juanfparra12/CellCheck · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<!--<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />-->
	<!-- Material Design fonts -->
	<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700">
	<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/icon?family=Material+Icons">

	<!-- Bootstrap -->
	<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
  	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<!-- Bootstrap Material Design -->
	<link rel="stylesheet" type="text/css" href="https://www.cise.ufl.edu/~abh/css/bootstrap-material-design.css">
	<link rel="stylesheet" type="text/css" href="https://www.cise.ufl.edu/~abh/css/ripples.min.css">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>CellCheck - Providers</title>
	<style type="text/css">

	   * { margin: 0; padding: 0; }
	   p { margin-top: 5%;padding: 0px; }
		 .cproviders{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #49B24E;}
	</style>
	<link rel="stylesheet" type="text/css" href="https://www.cise.ufl.edu/~abh/kekmon.css">
</head>

<body style = "background:#26272B;">

	<nav class="navbar navbar-default"style="margin-top:-20px;background:#49B24E;">
		<div class="container-fluid">
			<div class="navbar-header">
				<a class="navbar-brand" href="https://www.cise.ufl.edu/~abh/index.html">CellCheck</a>
			</div>
			<ul class="nav navbar-nav">
				<li><a href="https://www.cise.ufl.edu/~abh/providers.html">Providers</a></li>
				<li class="active"><a href="https://www.cise.ufl.edu/~abh/contracts.html">Contracts</a></li>
				<li><a href="https://www.cise.ufl.edu/~abh/coverage.html">Coverage</a></li>
			</ul>
		</div>
	</nav>

<div class="container" >
<div class="row">
	<div class="col-md-3" style="background:#49B24E; color:white;border-radius:8px;" id="wew">

		<form action="contracts.php" method="post">
			<div class="form-group">
			    <label for="sel1" style="color:#ddd;">Search Contracts<br></label>
					<div style=margin-bottom:-5px;>
					</div>

						<label class="control-label" for="focusedInput1"><br>Provider</label>
			    <select class="form-control" id="sel1" style="color:#ddd;background:#49B24E; border-bottom:1px solid #ddd;">
			      <option>AT&T</option>
			      <option>Sprint</option>
			      <option>T-Mobile</option>
			      <option>Verizon</option>
			    </select>
    		</div>
			<div class="form-group label-floating" style=";">
					<label class="control-label" for="focusedInput1">Data Cap</label>
					<input class="form-control" id="focusedInput1" type="text"placeholder="6gb">
			</div>


			<div class="form-group label-floating">
						<label class="control-label" for="focusedInput1">Price</label>
				<input type="text" class="form-control" id="Low Price" placeholder="$0.00"style="width:30%;display:inline;text-align:center;">
				 -
				<input type="text" class="form-control" id="High Price" placeholder="$999.99"style="width:30%;display:inline;text-align:center;">
			</div>

			<div class="form-group label-floating">
				<input type="submit"  class="btn btn-raised btn-default">
			</div>
			<p><br></p>

		</form>
	</div>

	<div class="col-md-6" style="text-align:center;background: rgba(255, 255, 255, 0.8);border-radius:8px;height:500px;margin-left:20px;" id="contractWrapper">
		<h2>Display relevant content here</h2>
		<h4>Plan name</h4>
		<h6>Provider name</h6>
		<p>Description of the plan. This may be just a single sentence, or maybe it's a paragraph. I don't relaly know how the data is stored, nor do I know what it'll look like by this point</p>
		<h6>Price</h6>

	</div>

	<div class="col-md-9">
	</div>
</div>
</div>
</body>

</html>