Question

In: Computer Science

Dear Colleague, Earlier today I built my seventh website using HTML5, CSS3, and Bootstrap4. Bootstrap seems...

Dear Colleague, Earlier today I built my seventh website using HTML5, CSS3, and Bootstrap4. Bootstrap seems amazing, but it never did what it should do – make my website look better. Also, my page should have a blue theme that was provided in the CSS folder. This also didn’t work. My website is supposed to look like what is shown in Figure 1 (see below). Someone told me that there are exactly 10 errors on index.html, 10 errors on contact.html, and 10 errors on events.html. Yes, 30 errors total! Can you help me find all of the errors? Hint: You should not add ANY LINES to the code. There will never be more than one error per line number.

contact.html ( HELP FIND the 10 ERRORS IN THIS CODE )

<!doctype html>
<html>
<body>
<title>Try Boro Kids Race Series</title>

<!-- Font Awesome -->
<rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css">
<!-- Bootstrap CSS -->
<href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet">
<!-- JQuery -->
<type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Bootstrap core JavaScript -->
<type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/js/bootstrap.min.js"></script>

</head>
<head>
  
<div class="container-fluid">
  
  
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
<a class="navbar-brand" href="#">
<img src="images/HeaderBoroRunningMan2.gif" width="auto" height="30" alt="Running Man Logo">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="events.html">Events <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
<ul class="navbar-nav ml-auto">
<li class="nav-item"><a class="nav-link" href="http://www.tryborokidstri.org/" target="_blank">Try Boro</a></li>
<li class="nav-item"><a class="nav-link" href="https://www.facebook. com/TryBoroKids/" target="_blank"><img src="images/IconFacebook.png" class="iconsocial" alt="Facebook" width="auto" height="30"></a></li>
</ul>
</div>
</nav>

  
<div class="row p-5">
  
<div class="row">
  
<h2>Want to register?</h2>

<h3>Try Boro Kids 2.5K/5K Run</h3>
<p>May 13, 2020</p>
<p><a href="http://www.tryborokidstri.org" target="_blank">Click here more information</a></p>
<p> <a href="docs/2016TryBoroRunRegistrationForm.pdf" target="_blank">Download a registration form</a></p>

<h3>Try Boro Kids Trail Run</h3>
<p>October 17, 2020</p>
<p><a href="http://www.tryborokidstri.org" target="_blank">Click here more information</a></p>
<p> <a href="mailto:[email protected]">Interested? Click here to email us</a></p>

<!-- Modal Button -->
<button type="button" class="btn btn-info" data-toggle="modal" data-target="#myModal">Register Today</button>
  
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="ModalLabel">Try Boro Registration</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<img src="images/Modal_TryBoroLogo.gif" class="img-fluid" alt="Placeholder image">
<p>Great job! Through the magic of make-believe, you are now registered.</p>
</div>
</div>
</div>
</div>

</div>
  
  
<div class="row">
<img src="images/Swap1_kidstri_CuteLook.jpg" alt="Kid athlete with a cute look." class="img-fluid" id="cute">
</div>
  
</div> <!--end of row-->

  
<footer class="footer bg-primary text-center text-black">Copyright Try Boro</footer>
  
</div>
  
</body>
</html>

Solutions

Expert Solution

before/after i have commented the error in  lines

<!doctype html>
<html>
<body> <!-- Error 1 body tag must not start here over here there must be head tag open -->
<title>Try Boro Kids Race Series</title>

<!-- Font Awesome -->
<!-- Error 2 link must be their before rel -->
<rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css">
<!-- Bootstrap CSS -->
<!-- Error 3 link must be their before href -->
<href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet">
<!-- JQuery -->
<!-- Error 4 script must be there before type -->
<type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Bootstrap core JavaScript -->
<!-- Error 5 script must be there before type -->
<type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/js/bootstrap.min.js"></script>

</head>
<head><!-- Error 6 head tag must not start here over here there must be body tag open -->
  
<div class="container-fluid">
  
  
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
<a class="navbar-brand" href="#">

<img src="images/HeaderBoroRunningMan2.gif" width="auto" height="30" >
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="events.html">Events <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
<ul class="navbar-nav ml-auto">
<li class="nav-item"><a class="nav-link" href="http://www.tryborokidstri.org/" target="_blank">Try Boro</a></li>
<!-- Error 7 Please check the url no space must be there in facebook.com -->
<li class="nav-item"><a class="nav-link" href="https://www.facebook. com/TryBoroKids/" target="_blank"><img src="images/IconFacebook.png" class="iconsocial" width="auto" height="30"></a></li>
</ul>
</div>
</nav>

  
<div class="row p-5">
  
<div class="row"><!-- Error 8 instead of class row col must be there -->
  
<h2>Want to register?</h2>

<h3>Try Boro Kids 2.5K/5K Run</h3>
<p>May 13, 2020</p>
<p><a href="http://www.tryborokidstri.org" target="_blank">Click here more information</a></p>
<p> <a href="docs/2016TryBoroRunRegistrationForm.pdf" target="_blank">Download a registration form</a></p>

<h3>Try Boro Kids Trail Run</h3>
<p>October 17, 2020</p>
<p><a href="http://www.tryborokidstri.org" target="_blank">Click here more information</a></p>
<p> <a href="mailto:[email protected]">Interested? Click here to email us</a></p>

<!-- Modal Button -->
<button type="button" class="btn btn-info" data-toggle="modal" data-target="#myModal">Register Today</button>
  
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="ModalLabel">Try Boro Registration</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<img src="images/Modal_TryBoroLogo.gif" class="img-fluid" >
<p>Great job! Through the magic of make-believe, you are now registered.</p>
</div>
</div>
</div>
</div>

</div>
  
  
<div class="row"><!--error 9 there must be class col instead of row-->
<img src="images/Swap1_kidstri_CuteLook.jpg" class="img-fluid" id="cute">

</div>
  
</div> <!--end of row-->

  
<footer class="footer bg-primary text-center text-black">Copyright Try Boro</footer>
  
</div>
  
</body>
</html>


Related Solutions

Dear Colleague, Earlier today I built my seventh website using HTML5, CSS3, and Bootstrap4. Bootstrap seems...
Dear Colleague, Earlier today I built my seventh website using HTML5, CSS3, and Bootstrap4. Bootstrap seems amazing, but it never did what it should do – make my website look better. Also, my page should have a blue theme that was provided in the CSS folder. This also didn’t work. My website is supposed to look like what is shown in Figure 1 (see below). Someone told me that there are exactly 10 errors on index.html, 10 errors on contact.html,...
I have posted this earlier, but it seems that the code part was cutoff, therefore, this...
I have posted this earlier, but it seems that the code part was cutoff, therefore, this is re post with full code. In the program the "case: 'C'" doesn't seem to function correctly, We were told to write a book tracking program, and it takes inputs and once all the book info such as ISBN, date, author, course number, etc are put in then input, then we can print them out, by using the print functions that are defined in...
Is my writing for the email correct? I mean grammatically and academy. Dear Dr. Muller, Greetings!...
Is my writing for the email correct? I mean grammatically and academy. Dear Dr. Muller, Greetings! I would like to thank you for your assistance. I looked at the offer from University of Manchester and I found that there were two conditions are master's degree with GPA of 3.2 or higher and Two satisfactory references issued on official headed paper, signed and dated by referees I think I provided official transcript with GPA of 3.667 and two references to Dr.George...
Dear Expert. I have been studying about Statistical Process Control. And my professor required me to...
Dear Expert. I have been studying about Statistical Process Control. And my professor required me to collect the data from real manufacturing in Taiwan. I wonder how can I make a plan in Data collection for SPC. This manufacturing product ordered product ( house door, ventilator, window, etc...). The main raw material is steel. I had gone there last week and seen how it work. I already know what kind of machine and part I need to collect. But the...
What am I doing wrong in my bootstrap code for R? x<-c(30, 37, 36, 43, 42,...
What am I doing wrong in my bootstrap code for R? x<-c(30, 37, 36, 43, 42, 43, 43, 46, 41, 42) n = 10 x=pnorm(n,mean=40.3,sd=4.6) mu_0=40.3 s.mean=mean(x) s.sd=sd(x);s.sd [1] NA t.sample=(s.mean-mu_0)/(s.sd/sqrt(n)) B=10000 t=c() count.less=0 count.more=0 for(j in 1:B) + { b.smpl = x[sample(1:n, size = n,replace=TRUE)] + ybar.bs = mean(b.smpl) + sd.bs = sd(b.smpl) + t[j] = (ybar.bs - s.mean)/(sd.bs/sqrt(n)) + if(t[j]>=t.sample){ count.more=count.more+1} + if(t[j]<=t.sample){ count.less=count.less+1} + } Error in if (t[j] >= t.sample) { : missing value where TRUE/FALSE...
I'm confused when I can use Henderson equation for pH calculation? it seems my professor use...
I'm confused when I can use Henderson equation for pH calculation? it seems my professor use it for both calculating ph of titration and for buffer solution too. but can I use this equation for both ??
I used my catchement area to calculate my runoff using the national method. how will i...
I used my catchement area to calculate my runoff using the national method. how will i go on calculating the volume needed for storage? which equations will i use ? i want to have a storage tank that is pumped to the wetland. how will i distribute the volume and calculate the sizing for each. Can you explain with an example if you can?
I depost $1,000 in my account today. Each year, I increase this payment by $200 per...
I depost $1,000 in my account today. Each year, I increase this payment by $200 per period (That is $1,200 deposited in year 1. What is the amount in the account at the end of 15 years including the payment in year 15. Interest rate is 6%.
I need to draw my first name using Turtle. I am struggling with "P" and "A"...
I need to draw my first name using Turtle. I am struggling with "P" and "A" this is what I have import turtle turtle.setup(800, 700) window = turtle.Screen() window.reset() window.bgcolor('cornsilk') t = turtle.Turtle() t.color('blue') t.pencolor('red') t.turtlesize(6) t.speed(2) t.up() t.setposition(-50, 0) t.pendown()#Drawing letter T t.forward(40) t.back(20) t.right(90) t.forward(50) t.left(90) t.penup() t.forward(70) t.left(90) t.forward(25) t.pendown() t.circle(25)# Drawing letter O t.penup() t.left(180) t.forward(25) t.left(90) t.forward(10) t.pendown()#Drawing letter N t.left(90) t.forward(50) t.right(150) t.forward(60) t.left(150) t.forward(53) t.back(53) t.right(90) turtle.done()
Using HTML/Javascript (if needed) I want to create a table for a website that pulls data...
Using HTML/Javascript (if needed) I want to create a table for a website that pulls data from another website where the data is being updated on. Example: https://investors.coca-colacompany.com/stock-information/historical-data I cannot just put in the numbers to a table as they will be getting updated daily. So it needs to link the the website elements. DATE OPEN HIGH LOW CLOSE VWAP VOLUME % CHG CHANGE TRADE VAL TOTAL TRADES 2020-10-13 -- -- -- 51.09 -- -- 0.00% -- -- -- 2020-10-12...
ADVERTISEMENT
ADVERTISEMENT
ADVERTISEMENT