Tribute Page: Mahatma Gandhi

Tribute Page: Mahatma Gandhi
0

#1

Hi,

I just finished Tribute pagehttps://codepen.io/vtarun/full/EggaLV/
.Please give me your feedback.
Thanks.


#2

Hi
In codepen this code is not needed:

<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="style/style.css">    
<title>Tribute Mahatma Gandhi</title>
</head>
<body>

This code is obsolet:

<marquee direction="right" behavior="alternate"><h3 style="color:darkgreen"><i><strong>"Be the change you want to see in the world."</strong></i></h3></marquee>

This feature is obsolete. Although it may still work in some browsers, its use is discouraged since it could be removed at any time. Try to avoid using it.

This code is more readable in an external css file (the css tab in codepen)

...
 <figure style="padding-top:15px;border:3px groove black;">
    <img src="https://bhavanajagat.files.wordpress.com/2010/10/mahatma-gandhi.jpg" width="90%">
...
<figcaption style="margin-top:6px;">
...
<figure style="padding-top:15px;border:3px groove black;">
    <img src="https://bhavanajagat.files.wordpress.com/2010/10/mahatma-gandhi.jpg" width="90%">
...
 <figcaption style="margin-top:6px;">
...
 <div class="body_section" style="padding-left:10px;color: white;">
        <h3 style="color: red;"><i><u><strong>Synopsis</strong></u></i></h3>
...
<h3 style="color: red;"><i><u><strong>Early Life</strong></u></i></h3>
...
<h3 style="color: red;"><i><u><strong>Spiritual and Political Leader</strong></u></i></h3>
...
   <h3 style="color: red;"><i><u><strong>Fight for Indian Liberation</strong></u></i></h3>
...     
<h3 style="color: red;"><i><u><strong>The Salt March</strong></u></i></h3>
        <h3>
....

Cheers and happy coding :slight_smile:


#3

Thanks @erretres for feedback.