Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
updated css
  • Loading branch information
@mas12038
mas12038 committed Dec 10, 2016
2 parents caa9572 + 9300fc9 commit f4c8b1d
Show file tree
Hide file tree
Showing 12 changed files with 733 additions and 186 deletions.
86 changes: 86 additions & 0 deletions add-diagnosis.html
View file
@@ -0,0 +1,86 @@
<!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">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>ABXinRLS</title>

<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">

<!-- HTML5 shim and Respond.js for 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/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>

<div class="container">
<a href="index.html"><h1>ABXinRLS</h1></a>
<div class="col-xs-12">
<a>
<i onclick="goBack()" class="material-icons btn-info arrow-bck">arrow_back</i>
</a>
</div>
<h2 class="text-center add-heading">Add Diagnosis</h2>

<form>
<div class="form-group col-xs-10 col-xs-offset-1 col-md-6 col-md-offset-3">
<label for="formGroupExampleInput">Diagnosis Name</label>
<input type="text" class="form-control" id="formGroupExampleInput" placeholder="Enter Diagnosis">
</div>
<div class="form-group col-xs-10 col-xs-offset-1 col-md-6 col-md-offset-3">
<label for="formGroupExampleInput2">Antibiotic Name</label>
<input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Enter Antibiotic">

</div>
<div class="row">
<div class="col-xs-10 col-xs-offset-1 col-md-6 col-md-offset-3">
<h5>Classification</h5>
<a class="btn btn-default btn-select">
<input type="hidden" class="btn-select-input" id="" name="" value="" />
<span class="btn-select-value">Gram-positive</span>
<span class='btn-select-arrow glyphicon glyphicon-chevron-down'></span>
<ul>
<li class="selected">Gram-positive</li>
<li>Gram-negative</li>
<li>Anaerobic</li>
</ul>
</a>
</div>
</div>
<div class="form-group col-xs-10 col-xs-offset-1 col-md-6 col-md-offset-3">
<label for="formGroupExampleInput2">Organism Name</label>
<input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Enter Organism">

</div>
<div>
<div class="col-xs-10 col-xs-offset-1 col-md-6 col-md-offset-3">
<button type="submit" class="btn btn-primary add-button">Add/Save Diagnosis</button>
</div>
</form>

</div>
</div>
</div>
<hr>






<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>
69 changes: 69 additions & 0 deletions add-organism.html
View file
@@ -0,0 +1,69 @@
<!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">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>ABXinRLS</title>

<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">

<!-- HTML5 shim and Respond.js for 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/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>

<div class="container">
<a href="index.html"><h1>ABXinRLS</h1></a>
<div class="col-xs-12">
<a>
<i onclick="goBack()" class="material-icons btn-info arrow-bck">arrow_back</i>
</a>
</div>
<h2 class="text-center add-heading">Add Organism</h2>

<form>
<div class="form-group col-xs-10 col-xs-offset-1 col-md-6 col-md-offset-3">
<label for="formGroupExampleInput">Organism Name</label>
<input type="text" class="form-control" id="formGroupExampleInput" placeholder="Enter Organism">
</div>
<div class="form-group col-xs-10 col-xs-offset-1 col-md-6 col-md-offset-3">
<label for="formGroupExampleInput2">Related Diagnosis Name</label>
<input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Enter Diagnosis">

</div>
<div class="form-group col-xs-10 col-xs-offset-1 col-md-6 col-md-offset-3">
<label for="formGroupExampleInput2">Notes</label>
<input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Enter Notes">
</div>
</div>

<button type="submit" class="btn btn-primary add-button">Add/Save Organism</button>
</form>

</div>
</div>
</div>
<hr>






<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>
73 changes: 73 additions & 0 deletions add-user.html
View file
@@ -0,0 +1,73 @@
<!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">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>ABXinRLS</title>

<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">

<!-- HTML5 shim and Respond.js for 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/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>

<div class="container">
<a href="index.html"><h1>ABXinRLS</h1></a>
<div class="col-xs-12">
<a>
<i onclick="goBack()" class="material-icons btn-info arrow-bck">arrow_back</i>
</a>
</div>
<h2 class="text-center">Add User</h2>

<form>
<div class="form-group col-xs-10 col-xs-offset-1 col-md-6 col-md-offset-3">
<label for="formGroupExampleInput">Username</label>
<input type="text" class="form-control" id="formGroupExampleInput" placeholder="Enter Username">
</div>
<div class="form-group col-xs-10 col-xs-offset-1 col-md-6 col-md-offset-3">
<label for="formGroupExampleInput2">Email</label>
<input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Enter Email">

</div>
<div class="form-group col-xs-10 col-xs-offset-1 col-md-6 col-md-offset-3"
<label for="formGroupExampleInput2">Password</label>
<input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Enter Password">
</div>
<div class="form-group col-xs-10 col-xs-offset-1 col-md-6 col-md-offset-3"
<label for="formGroupExampleInput2">Confirm Password</label>
<input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Reenter Password">
</div>
</div>

<button type="submit" class="btn btn-primary add-button">Add User</button>
</form>

</div>
</div>
</div>
<hr>






<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>
32 changes: 20 additions & 12 deletions antibiotic.html
View file
Expand Up @@ -22,16 +22,23 @@
</head>
<body>
<div class="container">
<div class="col-xs-6">
<h1>ABXinRLS</h1>
</div>
<div class="col-xs-6">
<a href="#" class="btn btn-info btn-lg pull-right user-btn">
<i class="material-icons md-48">account_circle</i>
</a>
</div>
<div class="col-xs-6">
<a href="index.html"><h1>ABXinRLS</h1></a>
</div>
<div class="col-xs-6">
<a href="#" class="btn btn-info btn-lg pull-right user-btn">
<i class="material-icons md-48">account_circle</i>
</a>
</div>
<div class="col-xs-12">
<a>
<i onclick="goBack()" class="material-icons btn-info arrow-bck">arrow_back</i>
</a>
</div>
</div>

<div class="row">
<div class="col-xs-12 col-md-6 col-md-offset-3">
<div class="col-xs-10 col-xs-offset-1 col-md-6 col-md-offset-3">
<div id="custom-search-input">
<div class="input-group col-md-12">
<input type="text" class="form-control input-lg" placeholder="Enter Diagnosis" />
Expand All @@ -46,13 +53,13 @@
</div>

<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="col-xs-10 col-xs-offset-1 col-md-6 col-md-offset-3">
<h2 class="page-name">Antibiotic Name</h2>
</div>
</div>

<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="col-xs-10 col-xs-offset-1 col-md-6 col-md-offset-3">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
Expand All @@ -65,7 +72,7 @@
</div>

<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="col-xs-10 col-xs-offset-1 col-md-6 col-md-offset-3">
<div class="panel-group">
<div class="panel panel-default">
<div class="panel-heading" data-toggle="collapse" href="#collapse1">
Expand Down Expand Up @@ -132,5 +139,6 @@
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>

0 comments on commit f4c8b1d

Please sign in to comment.