coreswork2 documentation

<!DOCTYPE html>
<html lang="en">
<head>
<h2 align="center"; font-size="50px"; >


<script language="JavaScript1.2">
// this is the java code  where it is used to display the following message  with two different colors.//

var message="Welcome to Drop Box Homepage!"
var neonbasecolor="blue"
var neontextcolor="white"
var flashspeed=150


var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')

}
else
    document.write(message)

    function crossref(number){
    var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
 return crossobj
}

function neon(){

//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
//eval("document.all.neonlight"+m).style.color=neonbasecolor
crossref(m).style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor

if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}

function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()

</script>

</h2>
// this is css style code
<meta charset="utf-8" />
<title>CSS3 Forms</title>
<link rel="stylesheet" href="css/CSS3.css" type="text/css" />


<body style="background-color:gray;">

<style>

body
{

background-image:url('blueriver.jpg');
background-color:#cccccc;
background-repeat:repeat-y,x;
background-position: centre centre;


</style>


<div id="container" style="width:900px" align="center">

<div id="header" style="background-color:red;">
<h1 style="margin-bottom:0;font-family:arial;color:orange;font-size:40px;"> Drop-Box</h1></div>


<div id="menu" style="background-color:green;height:500px;width:200px;float:left;">
   // the following code is used to use for buttons and page navigation//
	<button type="button" onclick=; <a href="index.html">Home</button><br></a>
    <button type="button" onclick><a href="about.html">About Us</button><br>
	<button type="button" onclick><a href="register.html">Register</button><br>
	<button type="button" onclick><a href="contact.html">Contact</button><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

// the below code is for hyperlinks or loading different types of files//
	<a href="challenges.pdf">pdf file</a><br>
	<a href="storyboard.docx">docx file</a><br>
	<a href="Group presentation.pptx">pptx file</a><br>

// this code shows that I have used download link that let the user to download dropbox from dropbox website//
	 <a href="https://www.dropbox.com/downloading">Download DropBox</a>

 </div>

// this is about the content sections bkd color and size and align
<div id="content" style="background-color:#EEEEEE;height:500px;width:700px;float:left;" align="center">

	// this code shows that I have added a heading with center align and added a gif image where I changed the size of the image//
  <h3 align="center">create an account</h3>
  <img src="dbox.gif" alt="DropBox" width="150" height="150" align="left">

// in here I have used some forms and lables for sign up
     <form id="form" action="" method="" name="" align="center">
   	 <label for="input-1" align="center">FirstName</label>
   	 <input type="text" firstname="input-1" id="input-1" /><br><br>

	 <form id="form" action="" method="" lastname="">
   	 <label for="input-2" align="center">LastName</label>
   	 <input type="text" lastname="input-2" id="input-2" /><br><br>
	 <form <p> Password: <input type=password name=passwd>
// br is used for adding space between line or forms
	 <br><br>


   	 <label for="input-4" align="center">E-mail</label>
   	 <input type="text" name="input-4" id="input-4" /><br><br>

     <input type="submit" name="submit" id="submit" value="Submit"><br><br><br>
	 <form>
// this is using check box code that let the user to tick while he or she is about to accept the dropbox terms and conditions//
	 <input type="checkbox" name="Dropbox Terms" value="Terms"><a href="https://www.dropbox.com/terms/"> I agree to Dropbox terms</a>

    </form><br><br><br><br><br><br><br><br></br>


</div>
</body>
</html>