I need help creating three files below are guidelines. also look at attached fil

ID: 3681750 • Letter: I

Question

I need help creating three files below are guidelines. also look at attached file for output display

2- Follow all the rules for all the projects.

3- a. First part will be a header with background light blue color. The text will be moving from right to left. Make sure that the list match the output file.

b. The second part will be a navigation list. To the right there is a text that blinking! Make sure your text is blinking. There is two paragraph follow the blinking text. At the end of the paragraph, there are two buttons with a background color. Buttons are static. Make sure to match the same layout as the output file.

c. The third part will start with moving text from left to right. There is a picture and a message is displayed. There are two active and dynamic buttons. When the user is click on “Play” button, the picture will move to the right. If the user is click on “Stop” button, the picture will go back to the first position. Make your file will display the same format as the output file, missing that reduce your grade by 5-points.

d. There is a copyright at the bottom. Make your file will display the same format as the output file, missing that reduce your grade by 5-points.

the two images are the output

Start Your Travels Select: Australia Canada France Mexico United Kingdom United States From Inside Your Tour NYC Museum A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart. I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine. I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist than now: When, while the lovely valley teems with vapour around me, and the meridian sun strikes the upper surface of the impenetrable foliage of my trees, and but a few stray gleams steal into the inner sanctuary I throw myself down among the tall grass by the trickling stream; and, as I lie close to the earth, a thousand unknown plants are noticed by me! Start Enjoy Travel Select Apply Welcome to vour Travel Tours Web site Click the play button below to start view your trip Play Stop Copyright © 2016 Adly Elzoheary. All Rights Reserved.

Explanation / Answer

hey I have used some web image link in <img> src tag in myhtml.html file, you can use ur own source image. Add your content and if you feel like some of my background colours are wrong you can choose and apply it from web too.

myhtml.html :

<!DOCTYPE html>
<html>
<head>
<script src="myscript.js">
</script>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<body>

<div id="header">
<marquee direction="right"><h3>Start Your Travels</h3></marquee>
</div>

<div id="nav">
Select:<br/>
<a href="" >Australia</a><br/>
<a href="" >United Sates</a><br/>

</div>

<div id="section">
<h2>Your Content</h2>
<p>Pragraph 1..............</p>
<p>Paragraph2..............</p>
</div><br/>

<div id="footer">
Start Enjoy Travel<br/>
<input type="button" value="Select">
<input type="button" value="Apply">

</div>

<p><strong>Welcome to your Travel Tour Website</strong></p><br/><br/><br/><br/>
<img id="i1" src="http://www.elseptimoarte.net/imagenes/peliculas/3235.jpg" height="200" width="200"/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/>
<p>Click the play button to start view your trip</p>
<input type=button value='Play'>
<input type=button value='Stop'>
<br/>

<p>Copyright (c) 2016 </p>
</body>
</html>

myscript.js :

var y=1;
function reset1(){
clearTimeout(my_time);
document.getElementById('i1').style.position= "absolute";
document.getElementById('i1').style.left= "100px";

}

function disp(){
var step=1; // Change this step value

var x=document.getElementById('i1').offsetLeft;
if(x < 790 && y===1){
x= x +step;
document.getElementById('i1').style.left= x + "px"; // vertical movment

}
else
{
y=0;
if(x>100)
{
x= x -step;
document.getElementById('i1').style.left= x + "px"; // vertical movment

}
else
{
y=1;
}
}

//////////////////////

}

function timer(){
disp();

my_time=setTimeout('timer()',10);
}

//-->

mystyle.css :

#header {
    background-color:lightblue;
    color:white;
    text-align:center;
    padding:5px;
}
#nav {
    line-height:30px;
    background-color:SlateGray;
    height:250px;
    width:100px;
    float:left;
    padding:5px;
}
#section {
    width:350px;
    float:left;
    padding:10px;
}

#footer {
    background-color:Teal;
    color:white;
    clear:both;
    text-align:left;
   padding:10px;
}

Navigate

I need help creating this program. I can\'t get the file to work correctly. The

I need help creating three functions for my dynamic array C# class da.c The thre

Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.

I need help creating three files below are guidelines. also look at attached fil

Question

Explanation / Answer

Related Questions

Navigate