English, asked by suriyajayan2005, 1 year ago

Essay "peer pressure helps students grow" for 250 words.

Answers

Answered by dackpower
48

Answer:

Student life is the most dynamic and challenging part of any individual. This life provides you with challenges and learning on every step to mold you in the personality to compete and be self-dependent.

Students' life whenever came across the mind 3 main things flashes on everyone's mind - Study, Friendship and Peer pressure.

Peer Pressure is the situation where every individual undergoes it. This helps boost motivation and inspiration to be the best in the field the child is Competing.  Sometimes, the child has enough potential to become the best of the best of his skill set but due to some reason, he/ she is not able to come up with the presentation.  

Here, it is the work of peer pressure that creates flexible competitiveness among the students to prove their skill- sets and utilizing his full potential in studies and sports. That works as the reason for the major growth in the students in a short period.

Answered by yash197911
5

</p><p>&lt;!DOCTYPE html&gt;</p><p>&lt;html&gt;</p><p>&lt;head&gt;</p><p>&lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;</p><p>&lt;style&gt;</p><p>body {font-family: Arial, Helvetica, sans-serif;}</p><p>input[type=text], input[type=password] {</p><p>  width: 100%;</p><p>  padding: 12px 20px;</p><p>  margin: 8px 0;</p><p>  display: inline-block;</p><p>  border: 1px solid #ccc;</p><p>  box-sizing: border-box;</p><p>}</p><p>button {</p><p>  background-color: #4CAF50;</p><p>  color: white;</p><p>  padding: 14px 20px;</p><p>  margin: 8px 0;</p><p>  border: none;</p><p>  cursor: pointer;</p><p>  width: 100%;</p><p>}</p><p></p><p>button:hover {</p><p>  opacity: 0.8;</p><p>}</p><p>.cancelbtn {</p><p>  width: auto;</p><p>  padding: 10px 18px;</p><p>  background-color: #f44336;</p><p>}</p><p>.imgcontainer {</p><p>  text-align: center;</p><p>  margin: 24px 0 12px 0;</p><p>  position: relative;</p><p>}</p><p></p><p>img.avatar {</p><p>  width: 40%;</p><p>  border-radius: 50%;</p><p>}</p><p></p><p>.container {</p><p>  padding: 16px;</p><p>}</p><p></p><p>span.psw {</p><p>  float: right;</p><p>  padding-top: 16px;</p><p>}</p><p>.modal {</p><p>  display: none;</p><p>  position: fixed;</p><p>  z-index: 1;</p><p>  left: 0;</p><p>  top: 0;</p><p>  width: 100%;</p><p>  height: 100%;</p><p>  overflow: auto;</p><p>  background-color: rgb(0,0,0); </p><p>  background-color: rgba(0,0,0,0.4);</p><p>  padding-top: 60px;</p><p>}</p><p>.modal-content {</p><p>  background-color: #fefefe;</p><p>  margin: 5% auto 15% auto;</p><p>  border: 1px solid #888;</p><p>  width: 80%;</p><p>}</p><p>.close {</p><p>  position: absolute;</p><p>  right: 25px;</p><p>  top: 0;</p><p>  color: #000;</p><p>  font-size: 35px;</p><p>  font-weight: bold;</p><p>}</p><p></p><p>.close:hover,</p><p>.close:focus {</p><p>  color: red;</p><p>  cursor: pointer;</p><p>}</p><p>.animate {</p><p>  -webkit-animation: animatezoom 0.6s;</p><p>  animation: animatezoom 0.6s</p><p>}</p><p>@-webkit-keyframes animatezoom {</p><p>  from {-webkit-transform: scale(0)} </p><p>  to {-webkit-transform: scale(1)}</p><p>}</p><p>  </p><p>@keyframes animatezoom {</p><p>  from {transform: scale(0)} </p><p>  to {transform: scale(1)}</p><p>}</p><p>@media screen and (max-width: 300px) {</p><p>  span.psw {</p><p>     display: block;</p><p>     float: none;</p><p>  }</p><p>  .cancelbtn {</p><p>     width: 100%;</p><p>  }</p><p>}</p><p>&lt;/style&gt;</p><p>&lt;/head&gt;</p><p>&lt;body&gt;</p><p>&lt;h2&gt;Modal Login Form&lt;/h2&gt;</p><p>&lt;button onclick="document.getElementById('id01').style.display='block'" style="width:auto;"&gt;Login&lt;/button&gt;</p><p>&lt;div id="id01" class="modal"&gt;</p><p>  &lt;form class="modal-content animate" action="/action_page.php" method="post"&gt;</p><p>    &lt;div class="imgcontainer"&gt;</p><p>      &lt;span onclick="document.getElementById('id01').style.display='none'" class="close" title="Close Modal"&gt;&amp;times;&lt;/span&gt;</p><p>      &lt;img src="img_avatar2.png" alt="Avatar" class="avatar"&gt;</p><p>    &lt;/div&gt;</p><p>    &lt;div class="container"&gt;</p><p>      &lt;label for="uname"&gt;&lt;b&gt;Username&lt;/b&gt;&lt;/label&gt;</p><p>      &lt;input type="text" placeholder="Enter Username" name="uname" required&gt;</p><p>      &lt;label for="psw"&gt;&lt;b&gt;Password&lt;/b&gt;&lt;/label&gt;</p><p>      &lt;input type="password" placeholder="Enter Password" name="psw" required&gt;</p><p>      &lt;button type="submit"&gt;Login&lt;/button&gt;</p><p>      &lt;label&gt;</p><p>        &lt;input type="checkbox" checked="checked" name="remember"&gt; Remember me</p><p>      &lt;/label&gt;</p><p>    &lt;/div&gt;</p><p>    &lt;div class="container" style="background-color:#f1f1f1"&gt;</p><p>      &lt;button type="button" onclick="document.getElementById('id01').style.display='none'" class="cancelbtn"&gt;Cancel&lt;/button&gt;</p><p>      &lt;span class="psw"&gt;Forgot &lt;a href="#"&gt;password?&lt;/a&gt;&lt;/span&gt;</p><p>    &lt;/div&gt;</p><p>  &lt;/form&gt;</p><p>&lt;/div&gt;</p><p>&lt;script&gt;</p><p>var modal = document.getElementById('id01');</p><p>window.onclick = function(event) {</p><p>    if (event.target == modal) {</p><p>        modal.style.display = "none";</p><p>    }</p><p>}</p><p>&lt;/script&gt;</p><p></p><p>&lt;/body&gt;</p><p>&lt;/html&gt;</p><p></p><p>

Similar questions