My code for QUIZ.html

Please use this forum to discuss anything you want to.
Forum rules
Please be careful about sharing personal information. Never use any identifiable information.
Post Reply
User avatar
Not_David
New User
Posts: 1
Joined: 23 Aug 2018, 15:22

My code for QUIZ.html

Post by Not_David » 31 Aug 2018, 15:00

My code is amazing
It has animations
Shadows
No drop shadows though
I didn't have blur
But I do love Rick and Morty
I didn't know you like Rick and Morty as well
Image

Code: Select all

<!DOCTYPE html>
<!--This was a Test-->
<html>
<head>

	<title>User Guide</title>
<style>

img {
    opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
}

img:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

button {
    opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
}

button:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.tester1{
    width: 100% px;
    height: 100px;
    background-color: black;
    position: relative;
    -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
    -webkit-animation-direction: reverse; /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: 20s;
    animation-direction: reverse;    
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
    0%   {background-color:red; left:0px; top:0px;}
    25%  {background-color:yellow; left:0px; top: 25% px;}
    50%  {background-color:blue; left:0px; top:50% px;}
    75%  {background-color:green; left:0px; top:100% px;}
    100% {background-color:red; left:0px; top:0px;}
}

@keyframes example {
    0%   {background-color:red; left:0px; top:0px;}
    25%  {background-color:yellow; left:00px; top:500px;}
    50%  {background-color:blue; left:00px; top:1000px;}
    75%  {background-color:green; left:0px; top:1500px;}
    100% {background-color:red; left:0px; top:0px;}
}



.pagination {
    display: inline-block;
}

.pagination a {
    color: white;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
}

.pagination a.active {
    background-color: #4CAF50;
    color: white;
}

.pagination a:hover:not(.active) {background-color: #ddd;}


	#grad1 {
    height: 200px;
    background-color: red; 
    background-image: linear-gradient(to right, red , yellow); 
}

	body{
		background-color: #000000
			
	}
	h2{
		color:white;
		text-shadow: 6px 6px 4px red;
		text-align: center;

	}
	h3{
		color:blue;
	
	}
	h4{
		color:white;
		text-align: center;
	}
	ol{
		color:red;
	}
	p{
		text-align: center;
	}

.test{
	color: white;
	text-align: center;
}

.wrapper {
    text-align: center;
}

.button {
    

  	background-color: #4CAF50; /* Green */
    border: red;
    color: white;
    padding: 15px 32px;
    font-size: 32px;
}
img{
	object-fit: cover;
}



</style>
</head>


<body>


<div id="grad1"></div>
<div class="tester1"></div>
<h2 >You are responsible for understanding and following these guidelines </h2>

<h2 >I take academic integrity seriously</h2>

<h2 > I expect you to follow these guidelines</h2>

<br>
<h3>From the Student Handbook:</h3>

<ol>
	<li>

	<ul>
	<li>Academic integrity is an expected trait in all students of ASW and is afforded the utmost value by all members of the faculty. </li>
	<li>The academic reputation of our students and the school in the wider community depend on it.</li>
	<li>Academic integrity expectations extend to all assessed and non-assessed school work and to all documentation produced for university and college applications.</li>
</ul> 
<br>
<li>
	
	<ul>
	<li>It is the expectation at ASW that all work and documentation submitted by students is entirely their own. </li>

</ul>
<br>
<li>
<ul>
	<li>To ensure that high school students understand what constitutes academic honesty, teachers explicitly address the issue with all students at the start of each academic course.
 </li>
</ul> 
</li>

</ol>
<br>

<h3>Academic integrity means:</h3>

<ol>
	<li>

	<ul>
	<li>Citing appropriately those whose work is used in the preparation of school work completing school work without the input of others whose knowledge of the task might advantage the student unfairly submitting work for assessment that is representative of the student’s own learning and not that of others.  </li>
	<li>Individually or collectively maintaining a level of confidentiality and personal ownership of one’s own work, both assessed and non-assessed</li>
</ul> 
<br>

</ol>

<br>
<h3>Conversely, academic dishonesty means:</h3>

<ol>
	<li>

	<ul>
	<li>Presenting the work, ideas, words, images, data or arguments of others as one’s own without citation (plagiarism). </li>
	<li>Copying or sharing work with others (unless specifically allowed) in any form (e.g. digitally sharing, downloading, in person) in a way that misrepresents a student’s ability or is intended to mislead the intended audience.</li>
	<li>Presenting work as one’s own which has been completed with the assistance of others (such as parents, other students or tutors) in a way that misrepresents a student’s ability making up or altering references, quotations, statistics, etc. (fabrication or falsification)</li>
</ul> 
<br>
<li>
	
	<ul>
	<li>When a faculty member determines that there has been a breach of academic integrity, the faculty member is required to inform the Principal of the incident. </li>

</ul>

</ol>

<br>
<br>
<div class="wrapper">
    <button class ="button" style="height:200px;width:400px" type="button" onclick="alert('David Nguyen Duc is the Smartest Man Alive')">Don't Click</button> 


</div>



<br>
<h2 >Mr.MacKenty</h2>
<h3 class="test">Teacher of</h3>
<h4>Designing Solutions Through Programming</h4>

<div class="wrapper">
    <a href="https://aswarsaw.org"><img src="hello/unnamed.jpg" alt="Fail" class="center" width="170" height="200">

</div>


<p>Click Image to <br> Go ASW's School Page</p>

<br>
<br>
<div class="pagination">
  <a href="#">&laquo;</a>
  <a href="#">1</a>
  <a class="active" href="#">2</a>
  <a href="#">3</a>
  <a href="#">4</a>
  <a href="#">5</a>
  <a href="#">6</a>
  <a href="#">&raquo;</a>
</div>

</body>
</html>
► Show Spoiler
1 x

Tags:

Post Reply