Skip to content

SBA Submission #14

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Bitazee wants to merge 11 commits into
base: master
Choose a base branch
from
Open

SBA Submission #14

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
fe61b4b
Intial work of Index.html, Logger.Html, RegisterFormPage.html
Jul 9, 2020
d254eb6
Attmepted to add background images to my columns in index.html
Jul 9, 2020
1f039c8
Images succesfully added to Index.html
Jul 9, 2020
5d48d01
Added intial input fields for the form registration page
Jul 9, 2020
eb5727c
Early morning changes
Jul 10, 2020
1802012
added minor changes to each of the webpages
Jul 10, 2020
1b73be8
Fixed submit button for the formRegister page
Jul 10, 2020
44482c4
Removed logger.html to keep simplicty of the assignment
Jul 10, 2020
8de84c7
Changes to styling both internal and external
Jul 10, 2020
713c469
Added simple JS function to the registerConfirmationPage
Jul 10, 2020
7727990
Fixed some text issues
Jul 10, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
51 changes: 51 additions & 0 deletions RegisterFormPage.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="en">

<!-- ----------------------------------------------------------------- -->
<!-- ----------------------------------------------------------------- -->
<!-- ----------------------------------------------------------------- -->
<head> <!-- header begins here -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">

<link href="https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap" rel="stylesheet">
<link href="./css/style.css" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

</head> <!-- header ends here -->

<body> <!-- body begins here -->
<div class = "jumbotron" style="text-align: center;">
<h2>Please complete by entering your information</h2> <br>
</div>
<form action="registerConfirmationPage.html" style="text-align: center;">

<label for="fname">First name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname"><br><br>
<label for="email">Email:</label>
<input type="text" id="email" name="lname"><br><br>
<label for="work_out_Experince">Work out Experice:</label>
<input type="radio" name="work_out_Experince" id="None"> None
<input type="radio" name="work_out_Experince" id="Casual"> Casual
<input type="radio" name="work_out_Experince" id="Intermediate"> Intermeidate
<input type="radio" name="work_out_Experince" id="Expert"> Expert
<br>

<label for="Workout_Focus"> Where do you want to focus</label>
<select name="Workout" id="Workout">
<option value="Cardio">Endurance</option>
<option value="Strength">Strength</option>
<option value="Weight_Loss">Weight Loss</option>
<option value="Other">Other</option>
</select>
<br>
<br>
<input type="submit" value="Submit">
</form>

</body>
</html>
16 changes: 15 additions & 1 deletion css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,9 +1,23 @@
body {
background-color: navy;
background-color: beige;
}


object {
height: 100vh;
width: 100vh;
}
h1{
text-align: center;
}
nav{
background-color: black;
color: white;
}
.jumbotron{
text-align: center;
font-family: 'Roberto Slab', serif;
}
h3{
text-align: center;
}
Binary file added img/CLT_SKYLINE.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/Running_Pic.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/Weights.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
78 changes: 40 additions & 38 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,47 +11,49 @@
<meta name="author" content="">

<link href="./css/style.css" rel="stylesheet">
<script type="text/javascript" src="./js/header-functions.js"></script>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
</head> <!-- header ends here -->
<!-- ----------------------------------------------------------------- -->
<!-- ----------------------------------------------------------------- -->
<!-- ----------------------------------------------------------------- -->












<!-- ---------------------------------------------------------------------------------- -->
<!-- ---------------------------------------------------------------------------------- -->
<!-- ---------------------------------------------------------------------------------- -->
<body> <!-- body begins here -->


The quickest of brown foxes.




<!-- ====================================================== -->
<!-- ====================================================== -->
<footer>
<!-- footer of page begins here -->
<script type="text/javascript" src="./js/footer-functions.js"></script>
</footer> <!-- footer of page ends here -->
<!-- ====================================================== -->
<!-- ====================================================== -->


<nav class="navbar navbar-deafult">
<div class="container-fluid">
<div class="navbar-header">
<a class = "navbar-brand" href="index.html">CLT LOG</a>
</div>
<ul class="nav navbar-nav">
<li class="active">HOME</li>
<li><a href="RegisterFormPage.html">Register</a></li>
</ul>
</div>
</nav>

<div class="jumbotron" style="background-image: url(./img/CLT_SKYLINE.jpg); background-size: cover;">
<h1>Welcome to the CLT Workout Logger</h1>
</div>


<div class="container">
<div class="row">
<div class="col-sm" style="background: url(./img/Running_Pic.jpg);">
<h3>Cardio</h3>
</div>
<div class="col-sm" style="background-image: url(./img/Weights.jpg)">
<h3 style="color: white;">WeightLifting</h3>
</div>
<div class="col-sm" style="background-color: beige;">
<h3>General Advice for staying motivated</h3>
<ul>
<li>Start Small</li>
<li>Set realistic goals</li>
<li>Take peridoic breaks at least 1-2 weeks</li>
</ul>
</div>
</div>
</div>

<div>
</div>
</body>
<!-- ---------------------------------------------------------------------------------- -->
<!-- ---------------------------------------------------------------------------------- -->
<!-- ---------------------------------------------------------------------------------- -->

</html>
8 changes: 8 additions & 0 deletions js/registerConfirmationPage.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
var buttonPressed = 0;
function welcome(){
buttonPressed++;
alert("Thank you for registering to CLT workout logger, you have pressed this button " + buttonPressed + " times");

}


27 changes: 27 additions & 0 deletions registerConfirmationPage.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
<!DOCTYPE html>
<html lang="en">


<head> <!-- header begins here -->
<link href="https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap" rel="stylesheet">
<link href="./css/style.css" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script type="text/javascript" src="./js/registerConfirmationPage.js"></script>
</head> <!-- header ends here -->

<body> <!-- body begins here -->


<div class="jumbotron">
<h2>The journey will be tough, but in the end it will be worth it</h2><br>
<h3>
<a href="index.html">Back to home page</a>
</h3>
</div>

<div style="text-align: center;">
<button onclick="welcome()">Click me for message</button>
</div>

</body>
</html>