GO Gradebook Details Page

Developer
LaShawnda Elder
Size
2,876 Kb
Views
6,072
  1. GO Gradebook Details Page Previews
  2. GO Gradebook Details Page HTML Codes
  3. GO Gradebook Details Page CSS Codes

How do I make an go gradebook details page?

What is a go gradebook details page? How do you make a go gradebook details page? This script and codes were developed by LaShawnda Elder on 11 December 2022, Sunday.

GO Gradebook Details Page Previews
IQ Test

GO Gradebook Details Page - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>GO Gradebook Details Page</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <!DOCTYPE html>
<html> <head> <title>Go GradeBook </title> </head> <body>	<main>	<div class="row">	<h1>Student Details</h1>	<table>	<thead>	<tr>	<th>Student First Name</th>	<th>Student Last Name</th>	<th>Student ID</th>	<th>Student Email</th>	<th></th>	</tr>	</thead>	<tbody>	<tr>	<td>Joe </td>	<td>Smith</td>	<td>12345</td>	<td><a href="mailto:[email protected]">[email protected]</td>	<td><a href="#"><button class="edit_button">Edit</button></a></td>	</tr>	<tr>	<td>Jane </td>	<td>Jones</td>	<td>13254</td>	<td><a href="mailto:[email protected]">[email protected]</td>	<td><a href="#"><button class="edit_button">Edit</button></a></td>	</tr>	<tr>	<td>Josh </td>	<td>James</td>	<td>14578</td>	<td><a href="mailto:[email protected]">[email protected]</td>	<td><a href="#"><button class="edit_button">Edit</button></a></td>	</tr>	</tbody>	</table>	<!--end of table-->	</div>	<!--end of .row-->	<div class="row">	<h1>Assignments</h1>	<table>	<thead>	<tr>	<th>Assignment Name</th>	<th>Grade</th>	<th>Edit/Delete</th>	</tr>	</thead>	<tbody>	<tr>	<td>Go Assesment </td>	<td>88%</td>	<td><a href="#"><button class="edit_button">Edit</button></a> <a href="#"><button class="delete_button">Delete</button></a></td>	</tr>	<tr>	<td>PHP Assesment </td>	<td>98%</td>	<td><a href="#"><button class="edit_button">Edit</button></a> <a href="#"><button class="delete_button">Delete</button></a></td>	</tr>	<tr>	<td>React Assesment </td>	<td>80%</td>	<td><a href="#"><button class="edit_button">Edit</button></a> <a href="#"><button class="delete_button">Delete</button></a></td>	</tr>	</tbody>	</table>	<!--end of table-->	</div>	<!--end of .row-->	<div class="row">	<footer>	<a href="#"><button class="home_button">Home</button></a>	</footer>	<!--end of footer-->	</div>	<!--end of .row-->	</main> </body>
</html>
</body>
</html>

GO Gradebook Details Page - Script Codes CSS Codes

@import url("https://fonts.googleapis.com/css?family=Patrick+Hand");
* { box-sizing: border-box;
}
body { background-image: url(http://lelder.road2hire.ninja/Go/chalkboard.jpg); background-size: cover; background-repeat: no-repeat; font-family: 'Patrick Hand', cursive; font-size: 20px; color: #fff;
}
main { margin: 100px auto; max-width: 1200px;
}
h1 { text-align: center;
}
table { border-collapse: collapse; clear: both; margin: auto; text-align: left; width: 75%;
}
table th, table td { border: 1px solid #ccc; padding: 5px;
}
table a { text-decoration: none; color: #fff;
}
table a:hover { background-color: brown;
}
.row { padding: 15px; overflow: hidden; width: 100%;
}
button { cursor: pointer;
}
footer { clear: both; text-align: center;
}
.edit_button { border-radius: 5px; background-color: #ccc;
}
.edit_button:hover { background-color: yellow;
}
.delete_button { border-radius: 5px;
}
.delete_button:hover { background-color: red;
}
.home_button { border-radius: 5px; background-color: #fff;
}
.home_button:hover { background-color: #ccc; color: yellow;
}
GO Gradebook Details Page - Script Codes
GO Gradebook Details Page - Script Codes
Home Page Home
Developer LaShawnda Elder
Username lelder
Uploaded December 11, 2022
Rating 3
Size 2,876 Kb
Views 6,072
Do you need developer help for GO Gradebook Details Page?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

LaShawnda Elder (lelder) Script Codes
Name
Chapter15-Example
Find The Penguin
Chapter3-Example
Chapter7-Example
Analytics layout
A Pen by LaShawnda Elder
Biography Page
Week3 Layout Test
Online Store Layout
E-commerce
Create amazing marketing copy with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!