Banana News Network

-

So, yeah a quick blog post on HTML. You need to make a news website layout, how do you do that?
I made a simple web page, that I want to share with you..

The code:
<!DOCTYPE html>
<html>
<head><title>Banana News Network</title></head>
 <body>
 <table  style="font-family: georgia;" cellspacing="0">
 <tr>
  
  <th width="100%" colspan="3" style="padding-left:50px; background-color: yellow; font-size:30px"><h1><img src="b.png" width="50px">BANANA NEWS      NETWORK</h1></th>
  <td></td>
 </tr>
 <tr>
  <td colspan="3"><span>
   <ul type="none" style="background-color:black; font-size: 30px; font-family: georgia; ">
    <li style="display:inline-block"><a href="something.html" style="text-decoration:none; color:white">News</a></li>
    <li style="display:inline-block; padding-left:30px"><a href="#about" style="text-decoration:none;     color:white">About BNN</a></li>
    <li style="display:inline-block; padding-left:30px"><a href="#contact" style="text-decoration:none;     color:white">Contact BNN</a></li>
   </ul>
  </span></td>
 </tr>
  <tr cellspacing="0">
  <td style="border:2px solid black; "  ><img src="b1.jpg" style="width:425px; height:auto; "></td>
  <td style="border:2px solid black" ><img src="b2.jpg" style="width:425px; height:auto; "></td>
  <td style="border:2px solid black" ><img src="b3.jpg" style="width:425px; height:auto; "></td>
  </tr>
  <tr>
  <td style="font-size=20px; text-align: center"><a href="https://en.wikipedia.org/wiki/Banana" target="blank">Wiki Banana</a></td>
  <td style="font-size=20px; text-align: center"><a href="https://en.wikipedia.org/wiki/Banana_leaf_rice" target="blank">Wiki Banana Leaf Rice</a></td>
   <td style="font-size=20px; text-align: center"><a href="https://en.wikipedia.org/wiki/Banana_leaf" target="blank">Wiki Banana Leaf</a></td>
  </tr>

 </table>

 <h2 id="about" style="background-color: yellow; text-align:center">About BNN</h2>
 <p  style="font-size:20px">BNN is not the most authentic Banana news network, but you can count on it, we take the info from Wikipedia. So, it is totally upto you, whether you believe it or not...</p>

<h2 id="contact" style="background-color: yellow; text-align:center">Contact BNN</h2>
 <p style="font-size:20px">BNN contact no: bnn000111</p>
 <p style="font-size:20px">BNN email address: bnn@bnn.bnn.bananaaa</p>
 <p style="font-size:20px">BNN location: bnn continent<img src="b4.png" style="float:left; width:150px"></p>


<footer style="background-color: black; color: white; font-size: 20px; font-family: courier"> &copy; banana news network, all rights reserved</footer>
 </body>
</html>



Output:























































Comments











Post a Comment



















Popular posts from this blog









Read The Tech : Tech Related Magazines






-














Image







     "There is no beauty better than intellect" ~Holy Prophet Muhammad (S.A.W)    To increase the intellectual ability, we need to read and observe. So today I am going to tell you the  technology related magazines. You can find these at your door step and also on-line:    IEEE Micro     IEEE Micro  is an open source journal for engineers, researchers, students and other related people. It is published by IEEE (a computer society) . It contains information regarding science, technology and engineering.  Available on-line and in hard form too.      Skeptical Inquirer     This  magazine is from United States. Skeptical Inquirer is published by CSI (Committee for Skeptical Inquiry)  .  This magazines is meant for justifying scientific discoveries by giving proper facts about those.  This magazine is available both in soft (on-line) and hard form.      Computing (کمپیوٹنگ)      Computing  is a Pakistani, Urdu monthly magazine. The chief editor of this magazine is Mr...








Read more










Elasticsearch and Redis : NoSql






-














Image







      The colorful  bubble logo  is of Elasticsearch , while the redish logo is of Redis .   First let's talk about Elastic search..   Elasticsearch  is an open source search engine. Now, what is a search engine? Search engine is basically a website, for example: google.com, yahoo.com, bing and MSN. What we look as Google chrome, Safari or Internet Explorer is basically a Web browser. Let's say we type "www.facebook.com" in a web browser's address bar , then the web browser will take us directly to the website "facebook.com". As for search engine, if we type in its search bar , "www.facebook.com", then it will open up different links according to the search algorithm.   So Elasticsearch is like a search engine. But it is different from traditional search engines. Like in most of the search engines, tables are used to store data, while elasticsearch is no schema based search engine. In place of tables, JSON documents are used in Elasticsearch. I...








Read more










Jumbo Package 






-














Image







     In this blog post I will talk about:   Software Design Patterns  Open source platforms e.g. Joomla  SEO (Search Engine Optimization)  Swift vs Python  React vs Angular vs vue.js  Machine Learning and related learnings  And Choosing Operating System....    Seems so strange,  too many things with no visible links ....But wait!   I have a solution to this problem, and the solution is in "telling a story"   So let's begin   John was a student of engineering, he was about to start his academic year for graduation. He wanted to go for software engineering as his major. He got admission in one of the most prestigious college of his state.    He was so passionate and optimistic about his field, he was good in programming and used to participate in every coding and programming contest. Now that he was in his Second year, he thought to get some kind of Internship.   So he created his resume, checked it, get it checked by some of his amazing teachers. His resume was somewhat li...








Read more










Freshman Year : For All Engineering Students






-














Image







    I believe:  "sharing good is caring" , s o, I decided to share some of the important videos, for all the engineering students, who are about to start their first semester especially in NUST .    so here you go..    (Click on The bulleted item, and you will get to the corresponding link)    1. Calculus:   First, foremost and the dearest subject of students is "Calculus" , this will make you both cry and smile. So, if you want to do it well ,here are some videos:     Professor Leonard:    www.youtube.com/user/professorleonard57/playlists     I found it, really helpful     2. Applied Physics:   Applied Physics abbreviated as "AP"  is the second favorite subject of engineers at NUST (on a lighter note).     Michel van Biezen :  This is the physics vector playlist.   You also can watch other AP related videos here: www.youtube.com/user/ilectureonline/playlists     3. Discrete Mathematics:   I took this subject very light, but it isn't, so you need to pu...








Read more










Good Pieces of Advice for Freshers






-














Image







   To let you know a few useful things, I asked some experienced people, and here is what they have for you...    Be open to changes. Focus on improving your soft / people skills. It will be hard sometimes but believe in yourself. You have got it. ( Rahat-Undergraduate )    Try to do good in quizzes and OHTs (One hour test or mids) cause when finals don't go well, these can help in getting good gpa which are comparatively easy then finals. ( Ayesha Munir-Undergraduate )     A few years later when you would look back at this time, GPA won't make you happy, but the memories of these 4 years will. Your career is important but so is having a good time. So work hard, party harder! ( Haris-Undergraduate )   From the start try to build your connections with seniors because they know more than you and.. are  best counselors.. Focus on your quizzes and assignments because they are the building blocks of your Grade.. Your Good Image play some important part for favoritism points in exam....








Read more










Bitcoins






-














Image







     Points to cover:   What is money ?  Problems  Solution ? bitcoin  Bitcoin origin  Advantages  Disadvantages  Books related to it..  Future  Assignment  code : fun factor :)  Conclusion    1. What is Money?      source: https://i.gifer.com/FU8l.gif    Definition:  Currency, coins, asset, property that we spend/ sell to buy something materialistic. Or that other people give us for our services.   Everyday we need to deal with one another and we get some services from other human beings, similarly other people get some reward in exchange of their provided services in order to make a living. That reward could be and mostly is in the form of money.     2. Problems with simple money   There are many problems associated with currency in paper or other physical forms, some of them are:     They could be stolen.  Could get distorted, or torn out.  Could fell down.  Could become wet in rain.  You could lost them in your school bag or any cupboard.    and many other unconcerned or l...








Read more










Bitcoins : Part 2






-














Image







   In the  previous blog post  we were looking at the problems with physical forms of money. So now according to our agenda lets talk about the solutions to those problems...      Solutions...    Plastic money like credit cards to make money portable.   But the above solution still go as the physical form of money.   Solution # 2 is that we make something that is digital. Where there is no need to have any middle man while doing transaction of money. no need for any central authority for check and balance. The system should be distributed as well as decentralized. (What this system is? Is it about bitcoins? Or Something else? )   But again many problems are associated with this system...     I am pausing this session here, now if you are really concerned about crypto-currency then what you need to do is: Go here   (bitcoin.org/bitcoin.pdf),  read this paper and write in the comment section what you found from this paper. Also think about some of the problems associat...








Read more










News Website Layout






-














Image







     I had a web Engineering lab, in which I need to make a website layout as that of BBC News . So, I made a Banana News Network website layout.   Before going towards the code, I want to tell you that I mostly did the work using division tag <div></div>.  The same work can be done using tables, but div provides you more flexibility and responsiveness. So, I used both the div tags and tables. Now, below is the code of that website layout. I am sharing it because the lab has been marked.     CODE:   <!DOCTYPE html>  <html>  <head><title> bbc </title>      <link  rel= "stylesheet"  href= "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" >  <style>    @media  screen  and  ( min-width : 480px ) {       li { display : block ;       text-decoration : none ;       text-align : left ;       color : red ;       padding : inherit ;       font-size : 17px ;       margin : auto ;       bor...








Read more










Pintos : Series : Part 4 : Final






-














Image







     In this blog post, we will be done with our Pintos Project #1 and this Pintos Series  AlhumdullillAllah.    so let's start...    In the previous posts of this series, we have looked at the problem that is of busy waiting. To solve this problem I took help from code written by other people on Github,  so to learn it deeper you can get to look at this code, by  Muhammad Zaheer  .      The basic modification is done in two files i.e. timer.c and thread.h;                   ALARM CLOCK IMPLEMENTAIONS               ==========================        Changes in timer.c:         - A global list of sleeping threads is created as:    -static struct list sleep_list;     Changes in thread.h:         - For keeping track of a sleeping thread when woken up, we declared:    -int64_t sleep_time;         - When a thread calls timer_sleep(), it gets into the sleep list as:    -struct list_elem sleep_list_elem         Algorithms Used    ...








Read more










Hollow Diamond 






-














Image







       Drawing different shapes with the help of coding is quite  enjoyable and interesting. Mostly the first semester students of software engineering encounter with this.     so, let us learn, how to draw a hollow diamond using python?     First of all declare variables:         Diamond consists of two cones , upper cone with pointed top  and lower cone with pointed bottom .   so let us write the code for the upper cone, but the cone must be hollow:         The resultant of this code is as under:         Now, write the code for lower hollow cone:         The output for this code is:         Now, run both the codes simultaneously, and the output is:         the reason for this output:         This is one of the possibilities of writing code, to get this output. There might be other ways of doing the same task. Keep finding and trying different ways of coding. And do remember: Programming language doesn't matter but logic matters . So, work mainly on logic building .          








Read more