Trying Correct Following Code Html Able Scroll Page Trouble Currently Page Unable Code Q28686878

I am trying to correct the following code in HTML so that I willbe able to scroll up and down on the page but am having troubledoing that. Currently the page is unable to do that. The code isbelow.

_________________________________________________________________

<html>
<title>R.O.P.E</title>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width,initial-scale=1″>
<link rel=”stylesheet”href=”https://www.w3schools.com/w3css/4/w3.css”>
<link rel=”stylesheet”href=”https://fonts.googleapis.com/css?family=Lato”>
<link rel=”stylesheet”href=”https://fonts.googleapis.com/css?family=Montserrat”>
<link rel=”stylesheet”href=”https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css”>
<link rel=”stylesheet”href=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css”>
<scriptsrc=”https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js”></script>
<scriptsrc=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js”></script>

<style>

}
/* Set height of the grid so .sidenav can be 100% (adjust ifneeded) */
.row.content {height: 1500px}
  
/* Set gray background color and 100% height */
.sidenav {
background-color: #f1f1f1;
height: 100%;
}
  
/* Set black background color, white text and some padding */
footer {
background-color: #555;
color: white;
padding: 15px;
}
  
/* On small screens, set height to ‘auto’ for sidenav and grid*/
@media screen and (max-width: 767px) {
.sidenav {
height: auto;
padding: 15px;
}
.row.content {height: auto;}
}
</style>

<style>
body,h1,h2,h3,h4,h5,h6 {font-family: “Lato”, sans-serif}
.w3-bar,h1,button {font-family: “Montserrat”, sans-serif}
.fa-anchor,.fa-coffee {font-size:200px}
</style>
<body>

<!– Navbar –>
<div class=”w3-top”>
<div class=”w3-bar w3-red w3-card w3-left-alignw3-large”>
<a class=”w3-bar-item w3-button w3-hide-medium w3-hide-largew3-right w3-padding-large w3-hover-white w3-large w3-red”href=”javascript:void(0);” onclick=”myFunction()” title=”ToggleNavigation Menu”><i class=”fafa-bars”></i></a>
  
<a href=”index.html” class=”w3-bar-item w3-button w3-hide-smallw3-padding-large w3-hover-white”>Home</a>
<a href=”about.html” class=”w3-bar-item w3-button w3-hide-smallw3-padding-large w3-hover-white”>About</a>
<a href=”events.html” class=”w3-bar-item w3-button w3-hide-smallw3-padding-large w3-hover-white”>Events</a>
<a href=”training.html” class=”w3-bar-item w3-buttonw3-hide-small w3-padding-largew3-hover-white”>Training</a>
<a href=”contact.html” class=”w3-bar-item w3-buttonw3-hide-small w3-padding-large w3-hover-white”>ContactUs</a>
<a href=”volunteering.html” class=”w3-bar-item w3-buttonw3-hide-small w3-padding-largew3-hover-white”>Volunteering</a>
<a href=”blog.html” class=”w3-bar-item w3-button w3-hide-smallw3-padding-large w3-hover-white”>Blog</a>

</div>

<div class=”col-sm-9″>
<h4><small>RECENT POSTS</small></h4>
<hr>
<h2>New Beginnings </h2>
<h5><span class=”glyphiconglyphicon-time”></span> Post by Anthony on April 23,2018</h5>
<h5><span class=”label label-danger”>New</span><span class=”labellabel-primary”>Beginnings</span></h5><br>
<

<p>Working at Elijah’s Promise was quite an experience. I hadthe opportunity to serve food to those less fortunate forThanksgiving. This was a great chance for me to learn and explorethe community to better understand the homelessness issue. It alsoprovided the youth with an opportunity to see how fortunate theyare</p>

<br><br>
  
<h4><small>RECENT POSTS</small></h4>
<hr>
<h2> Effective Leadership and lessonslearned</h2>
<h5><span class=”glyphiconglyphicon-time”></span> Post by John Doe, Sep 24,2015.</h5>
<h5><span class=”labellabel-success”>Lorem</span></h5><br>
I was up early this morning working on some projects for my job. Itwas silent in my house and relatively peaceful. But for some oddreason, I could not help but think about my life over the last sixmonths.</p>

<p>I mean, to think that we are close to the end of theyear already is pretty crazy to say the least. I always like tolook back at where I was last year and compare it to thisyear.</p>

<p>Safe to say I have come a long way and still have aways to go. But I will say, when you recognize growth in yourselfand others, it is truly a liberating moment. The things you use totrip over no longer affect you and there is a sense ofpeace.</p>

<p>I’ve learned not to beat myself up too much when Ifall. Instead I have begun to embrace the stumbling blocks. Eachtime I’ve stumbled I’ve recognized that the stumbling blocks are asign of my growth as well. Because I’ve been reaching for newheights, its only natural that I struggle along theway.</p>

<p>And so, if you have been stumbling on your journey tobeing a better individual, remember this:</p>

<ol>Success is never a straight line. </ol>
<ol> Good habits are built and practiced overtime</ol>
<ol>No matter how many times you fail, God still forgives andguides your path.</ol>

<p>Now continue to push forward!</p>
<hr>

<h4>Leave a Comment:</h4>
<form role=”form”>
<div class=”form-group”>
<textarea class=”form-control” rows=”3″required></textarea>
</div>
<button type=”submit” class=”btnbtn-success”>Submit</button>
</form>
<br><br>
  
<p><span class=”badge”>2</span>Comments:</p><br>
  
<div class=”row”>
<div class=”col-sm-2 text-center”>
<img src=”bandmember.jpg” class=”img-circle” height=”65″width=”65″ alt=”Avatar”>
</div>
<div class=”col-sm-10″>
<h4>Anja <small>April 21, 2018, 9:12PM</small></h4>
<p>Keep up the GREAT work! I am cheering foryou!!</p>
<br>
</div>
<div class=”col-sm-2 text-center”>
<img src=”bird.jpg” class=”img-circle” height=”65″ width=”65″alt=”Avatar”>
</div>
<div class=”col-sm-10″>
<h4>John Row <small>April 21, 2018, 8:25PM</small></h4>
<p>I am so happy for you man! Finally. I am looking forwardto the continued growth of your organization</p>
<br>
<p><span class=”badge”>1</span>Comment:</p><br>
<div class=”row”>
<div class=”col-sm-2 text-center”>
<img src=”bird.jpg” class=”img-circle” height=”65″ width=”65″alt=”Avatar”>
</div>
<div class=”col-xs-10″>
<h4>Nested Bro <small>Arpil 21, 2018, 8:28PM</small></h4>
<p>Me too! WOW!</p>
<br>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<footer class=”container-fluid”>
<p>Footer Text</p>
</footer>

</body>
</html>

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *