Saturday, May 9, 2020

Today is last date in my learning with Pirple.com. Last couple of days i learned a lot from the instructor in this website.
I wish them best of luck.

My final project was to build a web page same like "facebook".

Here is the HTML codes and CSS codes also.

body
{
text-align:center;
width:100%;
margin:0 auto;
padding:0px;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
background: linear-gradient(white, #D3D8E8);
display: block;
}
#header_wrapper
{
width:100%;
min-width:980px;
background-color:#4c66a4;
}
#header
{
width:980px;
margin:0px auto;
padding:0px;
height:85px;
}
#header li
{
list-style-type:none;
float:left;
text-align:left;
color:white;
}
#header #sitename
{
margin-top:25px;
}
#header #sitename a
{
color:white;
text-decoration:none;
font-size:35px;
font-weight:900;
}
#header form
{
margin-top:15px;
float:right;
}
#header form li
{
font-size:13px;
margin-left:15px;
}
#header form li a
{
color:#A9BCF5;
text-decoration:none;
}
#header form input[type="text"]
{
margin-top:3px;
margin-bottom:3px;
width:150px;
border:1px solid #08298A;
height:25px;
padding-left:3px;
}
#header form input[type="password"]
{
margin-top:3px;
margin-bottom:3px;
width:150px;
border:1px solid #08298A;
height:25px;
padding-left:3px;
}
#header form input[type="submit"]
{
height:25px;
margin-top:20px;
background-color:#084B8A;
color:white;
border:1px solid #08298A;
cursor: pointer;
}
#wrapper
{
margin:0 auto;
padding:0px;
text-align:center;
width:980px;
}
#wrapper div
{
float:left;
font-family: helvetica, arial, sans-serif;
}
#wrapper #div1
{
margin-top:30px;
width:580px;
text-align:left;
}
#wrapper #div1 p
{
font-size:20px;
font-family:arial;
font-weight:bold;
margin:0px;
padding: 2px;
color:#0e385f;
}
#wrapper #div1 img
{
margin:0px;
padding-top: 40px;
width: 450px;
height: 300px;
opacity: 0.5;
background: linear-gradient(white, #D3D8E8);

}
#wrapper #div2
{
margin-top:10px;
width:390px;
text-align:left;
}
#wrapper #div2 h1
{
margin:0px;
font-size:37px;
color:#2E2E2E;
}
#wrapper #div2 p
{
font-size:15px;
color:#A8B2B8;
font-weight: bold;
}
#wrapper #div2 li
{
list-style-type:none;
margin-top:10px;
}
#wrapper #div2 li #firstname
{
width:49%;
}
#wrapper #div2 li #surname
{
margin-left:2%;
width:49%;
}
#wrapper #div2 li input[type="text"]
{
width:100%;
height:40px;
border-radius:5px;
padding-left:10px;
font-size:16px;
border:1px solid #BDBDBD;
}
#wrapper #div2 li input[type="password"]
{
width:100%;
height:40px;
border-radius:5px;
padding-left:10px;
font-size:16px;
border:1px solid #BDBDBD;
}
#wrapper #div2 li select
{
padding:4px;
float:left;
}
#wrapper #div2 img{
width: 14px;
padding-left: 10px;
cursor: pointer;
align: bottom;
}
#wrapper #div2 li a
{
margin-left:10px;
width:150px;
color:#045FB4;
text-decoration:none;
font-size:11px;
display: inline-block;
vertical-align: middle;
line-height:15px;
}
#wrapper #div2 li a:hover
{
text-decoration:underline;
}
#wrapper #div2 li
{
color:#2E2E2E;
font-size:18px;
}
#wrapper #div2 #terms
{
color:#424242;
font-size:11px;
}
#wrapper #div2 #terms a
{
display:inline;
margin:0px;
}
#wrapper #div2 li input[type="submit"]
{
width:205px;
height:45px;
text-align:center;
font-size:19px;
margin-top: 10px;
margin-bottom: 10px;
font-family: 'Freight Sans Bold', helvetica, arial, sans-serif;
font-weight: bold;
background: linear-gradient(#67ae55, #578843);
background-color: #69a74e;
box-shadow: inset 0 1px 1px #a4e388;
border-color: #3b6e22 #3b6e22 #2c5115;
border: 1px solid;
border-radius: 5px;
color: #fff;
cursor: pointer;
display: inline-block;
position: relative;
text-shadow: 0 1px 2px rgba(0,0,0,.5);
}
#wrapper #div2 #create_page
{
color:#424242;
font-size:13px;
font-weight:bold;
}
#wrapper #div2 #create_page a
{
display:inline;
margin:0px;
font-size:13px;
}
#footer_wrapper
{
width:100%;
clear:both;
float:left;
margin-top:30px;
min-width:995px;
background-color:white;
text-align:left;
}
#footer1
{
width:980px;
margin:0px auto;
padding:0px;
border-bottom:1px solid #E6E6E6;
height:30px;
line-height:30px;
font-size:12px;
color:#848484;
}
#footer1 a
{
color:#365899;
display:inline;
margin-left:10px;
text-decoration:none;
}
#footer1 a:hover
{
text-decoration:underline;
}
#footer2
{
width:980px;
margin:0px auto;
padding:0px;
font-size:12px;
color:#848484;
}
#footer2 a
{
color:#365899;
display:inline-block;
margin:5px;
margin-left:0px;
min-width:80px;
text-decoration:none;
}
#footer2 a:hover
{
text-decoration:underline;
}
.alignleft{
float: left;
}
.alignright{
float: right;
}

<html>

<head>

<title>facebook - Signup</title>

</head>

<body>

<li id="sitename"><a href="https://www.facebook.com/">facebook</a></li>

<li>Email or Phone<br><input type="text" name="email"></li>

<li>Password<br><input type="password" name="password"><br><a href="">Forgotten account?</a></li>

</form>

</div>

<p>facebook helps you connect and share with <br>the people in your life.</p>

</div>

<h1>Create an account</h1>

<p>It's free and always will be.</p>

<p>Birthday</p>

<li>

</select>

<option name="" value="" style="display:none;">Month</option>

<option>January</option><option>February</option><option>March</option>

<option>April</option><option>May</option><option>June</option>

<option>July</option><option>August</option><option>September</option>

<option>October</option><option>November</option><option>December</option>

</select>

</select>

<a href="">Why do I need to provide my date of birth?</a>

</li>

<p>Gender</p>

<li>

<input name="id" type="radio" id="gender"><label for="gender">Female</label> <input name="id" type="radio" id="gender">

<label for="gender">Male</label> <input name="id" type="radio" id="gender"><label for="gender">Custom</label>

</li>

<li id="terms">By clicking Create an account, you agree to our <a href="">Terms</a> and that <br>you have read our <a href="">Data Policy</a>, including our <a href="">Cookie Use</a>.

</li>

<li id="create_page"><a href="">Create a Page</a> for a celebrity, band or business.</li>

</div>

English (UK) <a href="">हिन्दी</a><a href="">ਪੰਜਾਬੀ</a><a href=""> اردو</a>

<a href="">தமிழ்</a><a href="">বাংলা</a><a href="">मराठी</a>

<a href="">తెలుగు</a><a href="">ગુજરાતી</a><a href="">ಕನ್ನಡ</a>

<a href="">മലയാളം</a><a href="">Dutch</a><a href="">Italiano</a>

<a href="">Espanol</a><a href="">العربية</a><a href="">Bahasa Indonesia</a>

<a href="">Русский</a>

</div>

<a href="">Sign Up</a><a href="">Log In</a><a href="">Messenger</a>

<a href="">Facebook Lite</a><a href="">Watch</a><a href="">People</a>

<a href="">Pages</a><a href="">Page Categories</a><a href="">Places</a>

<a href="">Games</a><a href="">Locations</a><a href="">Marketplace</a>

<a href="">Groups</a><a href="">Portal</a><a href="">Istragram</a>

<a href="">Local</a><a href="">Fundraisers</a><a href="">Services</a>

<a href="">About</a><a href="">Creat Ad</a><a href="">Create Page</a>

<a href="">Developers</a><a href="">Careers</a><a href="">Privacy</a>

<a href="">Cookies</a><a href="">Ad Choices</a><a href="">Terms</a>

<p class="alignright">Designed By: Md Ferdouse Hossain Bhuiya </p>

</div>

</body>

</html>

Friday, May 1, 2020

Project #1 for learning HTML

From this coding we can learn the coding in HTML
The comments are available to see the functionality of the codes.
Try these codes and see the implement in my previous post in this blog.
If you have any question, feel free to contact me.

Thanks

--- Md Ferdouse Hossain Bhuiya

<!DOCTYPE html>
<html>
<head>



<meta charset="utf-8">
<meta name="keywords" content="HTML, CSS, JavaScript">
<meta name="author" content="Md Ferdouse Hossain Bhuiya">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Best Story Book Ever I read</title>

</head>
<p>In our life we read a lots of books but all are not favourite.
Some books can touch our heart and can remember in our whole life.
Here is a list of some fantastic books. </p>
<body>
<style>

table {

border: 1px solid black;
font-family: arial, sans-serif;
width: 100%;

}

td, th {
border: 1px solid #eee;
text-align: left;
padding: 8px;
}

tr:nth-child(even) {
background-color: #dddddd;
}
</style>
<table>
<tr>
<caption>List of my favorite Books:</caption>
<br>
<th>Name fo Novel</th>
<th>Writer</th>
</tr>
<tr>
<td>Devdas</td>
<td>Sarat Chandra Chattopadhyay</td>

</tr>
<tr>
<td>Shesher Kabita </td>
<td>Rabindranath Tagore</td>

</tr>
<tr>
<td>Durgeshnandini </td>
<td>Bankim Chandra Chattopadhyay</td>

</tr>
<tr>
<td>Pather Panchali</td>
<td>Bibhutibhushan Bandyopadhyay</td>

</tr>
<tr>
<td>Lalsalu</td>
<td>Syed Waliullah</td>

</tr>

</table>
<p>From all of these novels i mostly like the novel is "Pather Panchali".</p>

<h1>Pather Panchali: The Song of the Road</h1>
<p>
<h4>The name of the book, what i am telling about is: </h4>
<h4>Pather Panchali: The Song of the Road</h4>
<h4>Written by: Bibhutibhushan Bandyopadhyay. 1929.</h4>
</p>



<img src="https://i.pinimg.com/originals/b1/0d/c8/b10dc8c3a1ba57b9d86900b0312bb27c.jpg" alt="Book Cover">



<p><strong><em> <h3>About the story:</em></strong></h3></p>

<p>Taking up the lives of the Roy family – the father an itinerant priest,
the mother the classic housewife,
and their two children – in a Bengal village named Nischindipur
and then in the city of Benaras,
this multilayered novel is a superb depiction of the struggle of an entire generation of rural Indians,
not just to survive but also to overcome the hardships imposed on them in order to find their true selves.</p>
<br>
<p>Both bitter and sweet in its accounts of life and relationships in the village and then in the city,
the novel provided a cast of memorable characters both representative and individualistic.
A lyrical and yet down-to-earth style marked a significant departure from the effusive prose favoured by Tagore and the dramatic format that Chattopadhyay had picked as its own.
Very few novels can forge the kind of bond with readers that this one does.</p>
<br>



<a href="https://en.wikipedia.org/wiki/Pather_Panchali">Read More...</a>
<br>
<br>
<br>
<p>A film was made on this basis of this novel, the trailor is available here:</p>
<p>To Watch the Trailer:</p>



<iframe width="500" height="300" src"<iframe width="853" height="480" src="https://www.youtube.com/embed/op86dIWlKEc" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture""></iframe>

<br>
<br>



<audio controls>

<source src="http://download.music.com.bd/Music/L/Lata%20Mangeshkar/001%20-%20Lata%20Mangeshkar%20-%20Bolchi%20Tomer%20Kane%20Kane%20(music.com.bd).mp3" type="audio/mpeg">

</audio>


<br>
<input type="radio" id="like" name="Opinion" value="Like">
<label for="like">Like this Story</label>
<br>
<input type="radio" id="Dislike" name="Opinion" value="Dislike">
<label for="Dislike">Don't Like this story</label>
<br>
<input type="radio" id="other" name="Opinion" value="other">
<label for="other">Other</label>
<br>
<br>
<input type="submit" value="Submit">
<br>



<footer>
<p>Posted by: Md Ferdouse Hossain Bhuiya.</p>
<p>Contact information: <a href="mailto:ferdousbhuiya@ieee.org">
Email</a>.</p>
</footer>
</body>

</html>

My favorite Novel

Best Story Book Ever I read In our life we read a lots of books but all are not favourite. Some books can touch our heart and can remember in our whole life. Here is a list of some fantastic books.

List of my favorite Books:
Name fo Novel	Writer
Devdas	Sarat Chandra Chattopadhyay
Shesher Kabita	Rabindranath Tagore
Durgeshnandini	Bankim Chandra Chattopadhyay
Pather Panchali	Bibhutibhushan Bandyopadhyay
Lalsalu	Syed Waliullah

From all of these novels i mostly like the novel is "Pather Panchali".

Pather Panchali: The Song of the Road

The name of the book, what i am telling about is:

Pather Panchali: The Song of the Road

Written by: Bibhutibhushan Bandyopadhyay. 1929.

About the story:

Taking up the lives of the Roy family – the father an itinerant priest, the mother the classic housewife, and their two children – in a Bengal village named Nischindipur and then in the city of Benaras, this multilayered novel is a superb depiction of the struggle of an entire generation of rural Indians, not just to survive but also to overcome the hardships imposed on them in order to find their true selves.

Both bitter and sweet in its accounts of life and relationships in the village and then in the city, the novel provided a cast of memorable characters both representative and individualistic. A lyrical and yet down-to-earth style marked a significant departure from the effusive prose favoured by Tagore and the dramatic format that Chattopadhyay had picked as its own. Very few novels can forge the kind of bond with readers that this one does.

Read More...

A film was made on this basis of this novel, the trailor is available here:
To Watch the Trailer:

Like this Story
Don't Like this story
Other

Tuesday, April 28, 2020

Sugar Cookies

Home-Made Cookies

Easy Sugar Cookies

Quick and easy sugar cookies! They are really good, plain or with candies in them. My friend uses chocolate mints on top, and they're great!
I have been using this recipe for over 20 years and it has never failed me. The texture is medium-soft but you can bake them longer if you prefer a crisp cookie. This Best Sugar Cookie Recipe EVER is my absolute favorite and I have spent many years perfecting it on friends and family.
Sugar Cookies

Ingredients:

2 ¾ cups all-purpose flour
1 teaspoon baking soda
½ teaspoon baking powder
1 cup butter, softened
1 ½ cups white sugar
1 egg
1 teaspoon vanilla extract

Steps to follow:

Preheat oven to 375 degrees F (190 degrees C). In a small bowl, stir together flour, baking soda, and baking powder. Set aside.🙂

In a large bowl, cream together the butter and sugar until smooth. Beat in egg and vanilla. Gradually blend in the dry ingredients. Roll rounded teaspoonfuls of dough into balls, and place onto ungreased cookie sheets.🥣

Bake 8 to 10 minutes in the preheated oven, or until golden. Let stand on cookie sheet two minutes before removing to cool on wire racks.🥘

Now you can serve.🍪🍪

Nutrition Facts

Per Serving:

86 calories; 4 g total fat; 14 mg cholesterol; 60 mg sodium. 11.7 g carbohydrates; 0.9 g protein; Full Nutrition

Monday, April 27, 2020

Lerning HTML and CSS

Learning has no age limit, So, this is the perfect time to learn something new. Here is some example of my new learning lesson.
The problem was to make a unordered and ordered list that can implement in a cooking recipe web page.
Please follow the steps as below and try it in JS-Bin. Anybody can copy and paste these code to a notepad, save the file .html and run in any web browser.

Please try it!

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">



<title>Home-Made Cookies</title>
</head>
<body>



<h1>Easy Sugar Cookies</h1>



<p> Quick and easy sugar cookies! They are really good, plain or with candies in them.
My friend uses chocolate mints on top, and they're great!</p>



<h3>Ingredients:</h3>



<ul>
<li>2 ¾ cups all-purpose flour</li>
<li>1 teaspoon baking soda</li>
<li>½ teaspoon baking powder</li>
<li>1 cup butter, softened</li>
<li>1 ½ cups white sugar</li>
<li>1 egg</li>
<li>1 teaspoon vanilla extract</li>
</ul>



<h3>Steps to follow:</h3>


<ol>
<li>Preheat oven to 375 degrees F (190 degrees C).
In a small bowl, stir together flour,
baking soda, and baking powder. Set aside.</li>


<p> </p>
<li>In a large bowl, cream together the butter and sugar until smooth.
Beat in egg and vanilla. Gradually blend in the dry ingredients.
Roll rounded teaspoonfuls of dough into balls,
and place onto ungreased cookie sheets.</li>
<p>
</p>
<li>Bake 8 to 10 minutes in the preheated oven, or until golden.
Let stand on cookie sheet two minutes before
removing to cool on wire racks.</li>
</ol>



<h3>Nutrition Facts</h3>
<p></p>



<h4>Per Serving:</h4>


<p>86 calories; 4 g total fat; 14 mg cholesterol; 60 mg sodium.
11.7 g carbohydrates;
0.9 g protein; Full Nutrition</p>

</body>
</html>