index2.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <link rel="icon" href="./assets/Profile-photo1.ico" />
  <link rel="stylesheet" href="./assets/style.css">
  <meta name="description" content="My first HTML CSS Website as practice - Sayan Bhattacharyya">
  <meta name="viewport" content="width=device-width ,initial-scale=1.0">
  <title>Billand || Sayan </title>
</head>

<body>
  <div class="load">
    <span>L</span>
    <span>O</span>
    <span>A</span>
    <span>D</span>
    <span>I</span>
    <span>N</span>
    <span>G</span>
  </div>
  <div class="wrapper">
    <div class="myimage1" id="billand">
      <h6>What's Billand?</h6>
      <p>Basically 'Billand' came from land of billos, it means where people use to say Billo as a    basic         conversation word, after knowing its advantage. So if we take bil from 'Billo' and add  land, it comes Billand.
      </P>
        <br/>
      <P>
        Previously name of 'Billand' was 'Salmland'. They could use Biloland but may be they thought that it was slightly odd to hear as compare to Billand. But there is a history behind this name, you can read it from the section <a href="#history">“History of Billand“</a>. However people are feeling free
        so say Billo at all. That's why the land is known as 'Billand'.
      </p>
    </div>
    <div class="myimage2" id="billo">
      <h6>What does Billo mean in Billand?</h6>
      <p>If we think a specific situation, when you haven't sufficient word for explanation or may be you can’t  remember perfect word at a time in conversation and fail to explain meaning of real fact. Misunderstanding comes. It can be a cause of quarrel. Using inappropriate words, can express a different meaning rather than what you want to say.
      In this case the concept of saying 'Billo' comes, now you say Billo, the environment of conversation will express you views. Speaker's body language matters here. Not only you expressions but also the way, in which you are telling, will give the answer. You can use it once, instead of saying any abuse word.
      </p>
    </div>
    <div class="myimage4" id="history">
      <h6>History behind Billand</h6>
      <p>One day little boy of Slamland, heard ‘Billo’ from a anime series. The word is too much funny to him and also related to cat. Actually he loves cats and never fails to say meow to see a cat. He used to say ‘Billo’ now, a new crazy word. Day by day, it became a habit for him to say ‘Billo’ to anyone.
      But he didn’t know the meaning of ‘Billo’. One day an elder guy suddenly asked him, the reason for saying ‘Billo’ to someone - is it a abuse word ? He hasn't any answer. But he thought. Finally he found out that we could use it in basic
      conversation instead of saying inappropriate words. Then the word ‘Billo’ got famous among teenagers. They feel fun to say so. Now, people of Slamland learnt to say ‘Billo’ and the name, ‘Slamland’ became today’s ‘Billand’.
      </p>
    </div>
    <div class="myimage3" id="people">
      <h6>People in Billand!</h6>
      <p>People of billand are feeling free to say ‘Billo’. Why not, it is a quite frankie word. It doesn't matter to anyone in Billand. They are happy with the word ‘Billo’. It has influence on their life-style and thinkings. Now people use ‘Billo’ as their surname. Even, they also created secondary words related to it, like ’Istambillo’, ‘Sugudugubillo’, ‘Sambabillo’, ‘Billobillo’.
      </p>
      <br>
      <p>
      They made division for male and female, that ‘Billo’ is applicable for females and male are introduced by ‘Billa’. But they use to say ‘Billo’ to all rather than gender division. After all, we all are same, having same potential to do. No doubt, ‘Billo’ is quite funny to say. You can try once with your friends. have fun.
      </p>
    </div>
   
    <div class="myimage1">
      <h6>SmartClass</h6>
      <p> Using Native React and MongoDB, our team 
        <a href="https://github.com/Code-Mergers" target="_blank">
          Code Mergers
        </a> have developed one Online Educational Platform - 
        <a href="https://smartclass.netlify.app/" target="_blank">
          SmartClass
        </a> 
        <br/> Here, you can make your virtual class along with providing Assignments, conducting Quizzes, video rooms and auto-grading. Students can join, they can take Quizzes and submit Assignments, have chat with classmates.
        <br>
        We have made YouTube tutorials for teachers and students.
      </p>
      <strong>Tutorials</strong>
      <ul>
        <li><a href="#" target="_blank">Teachers</a></li>
        <li><a href="#" target="_blank">Students</a></li>
      </ul>
      <p>
        Hope it will be helpful for you.
        Any issue you can reach out  on this Project.
      </p>
    </div>
    <div class="myimage2">
      <h6>Healthify React App</h6>
      <p> Using ReactJs, Firebase and TensorFlow, our team 
        <a href="https://github.com/Code-Mergers" target="_blank">
          Code Mergers
        </a> 
        have made a Machine Learning based model to detect diseases. You can test yourself against our trained models. It will provide results along with possibility of having any disease based on your given data.
        - 
        <a href="#" target="_blank">
          Healthify
        </a>
      </p>
      <strong>Tutorials</strong>
      <ul>
        <li><a href="#" target="_blank">How to use Healthify</a></li>
      </ul>
      <br>
      <p>
        <strong>Note:</strong> Please consult a doctor if you have serious issues with health. Healthify can only provide initial the possibilities of having any diseases which is based on previous results.
        <br>
        Hope it will be helpful for you!
        Upcoming Project.
      </p>
    </div>
    <div class="myimage4">
      <h6>Sadbhawna</h6>
      <p>"Action speaks louder than words"
      <br>
      A portal where recovered COVID-19 patients can share their resources. Making a donation is the ultimate sign of solidarity. So here we are 
      <a href="https://github.com/TeamSadbhawna" target="_blank">
        Team Sadbhawna
      </a>
      launching our Web-Portal SADBHAWNA where recovered COVID-19 patients can donate any medicines ,supplements etc. can be helpful to others in need.
      <br>
      We make a heart-ful request for everyone to please come forward and contribute here. Your contribution in a small way may help many in their battle against COVID-19. All suggestions are welcomed and appreciated.<br>
      </p> 
      <strong>Sadbhawna 1.0</strong>
      <ul>
        <li>
          <a href="https://sadbhawna.netlify.app/" target="_blank">Deployed site</a>
        </li>
        <li>
          <a href="https://github.com/Sayan3990/portal" target="_blank">View Github Repository</a>
        </li>
      </ul>
      <br>
      <p>
      <strong>Note:</strong> Please consult a doctor before using any shared resource(s). Team Sadbhawna won't take any responsibility as the portal is open for all.
      <br>
      Hope it will be helpful for you!
      </p>
    </div>
    <div class="myimage3">
      <h6>UI Auth Template Using React</h6>
      <p>
        Using ReactJs, Firebase Authentication, our team 
        <a href="https://github.com/Code-Mergers" target="_blank">
          Code Mergers
        </a> 
        have developed React UI Template for your next project.
        <br>
      </p>    
      <strong>Topic:</strong>
      <ul>
        <li>Basic React user-interface</li>
        <li>Bootstrap-4 (react-bootstrap)</li>
        <li>SignIn/SignUp/Reset-Password (InputForms)</li>
        <li>Password Reset Email</li>
        <li>React Routing (react-route-dom)</li>
        <li>Firebase Authentication (Email)</li>
        <li>Firebase Realtime Database (users info)</li>
      </ul>
      <br>
      <p>  
      <a href="https://github.com/Code-Mergers/UI-Auth-Template-Using-React" target="_blank">View Github Repository</a>
      <br>
      <a href="https://react-ui-auth-template-code-mergers.netlify.app/" target="_blank">
        View Deployed site
      </a>
      <br>
        You can take reference or use it as template for your next react projects.
      <br>
      <strong>Note:</strong> First you read the <a href="https://github.com/Sayan3990/UI-Auth-Template-Using-React#readme" target="_blank">instructions</a> before working on it.
      <br>
      Hope it will be helpful for you!
      </p>
    </div>
    <div class="myimage1">
      <h6>xv6 - Linux base OS</h6>
        <p>
          xv6 is a teaching operating system developed in 2006 for MIT's operating systems course, Operating System Engineering. As, it is a fresh operating system, you can do several projects in the xv6 environment that will be helpful to achieve a clear knowledge of OPerating Systems -
        <a href="https://pdos.csail.mit.edu/6.828/2012/xv6.html" target="_blank">xv6 official page</a>
        <br>
        <br>
        <a href="https://github.com/Sayan3990/xv6" target="_blank">View Github Repository</a> -
          In my repository, you will be getting small projects and way of making system calls in xv6 that I have done during my Operating System course in BTech Computer science and engineering.
          <br>
          Hope it will be helpful.
      </p>
    </div>
    <div class="myimage2">
      <h6>Personal Website Template</h6>
      <p>
        Personal Website UI Template using React-TypeScript Class components.
        Personal website can be about anything you want, including hobbies, pets, or information like academics, achievements, work Experiences. It can be a family website that shares your adventures with loved ones along with an area for comments and discussion.
      <br>
      <a href="https://github.com/Sayan3990/Personal-Website-Template" target="_blank">
        View Github Repository
      </a>
      <br>
      <a href="https://personal-website-template-by-sayan.netlify.app/" target="_blank">
        View Deployed site
      </a>
      <br>
      <br>
        I hope, it will be helpful for your personal website that showcases your work as a software developer.
      </p>
    </div>
    <!-- <div class="myimage4">
      <h6>Architecture ResearchWork</h6>
      <p>
      Researching for Better prefetching and Block Replacement Policy in multi-core systems.
      <br>
      - Computer Architecture
      <br>
      We are working on it.
      </p>
    </div>
    <div class="myimage3">
      <h6>Crazy Sorting Algorithms</h6>
      <p>
      Sorting Algorithm Visualizer using React TypeScript. Visualize sorting algorithms, clear your algorithmic concepts
      <br>
      Upcoming Project.
      </p>
    </div> -->
    <div class="myimage4">
      <h6>JAVA interfaces and abstraction</h6>
      <p>
          We are the members of Group-8 for Web-Technoloy Assignment CSE(2020), 4th SEM, 
          <a href="https://kiit.ac.in/" target="_blank">KIIT University</a>, 
          <a href="https://en.wikipedia.org/wiki/Bhubaneswar" target="_blank">Bhubaneshwar</a>,
          <a href="https://en.wikipedia.org/wiki/Odisha" target="_blank"> Odisha</a>, 
          <a href="https://en.wikipedia.org/wiki/India" target="_blank"> India</a>.
          This is our Web technology Sessional Project 4th SEM.<br/>
      </p>
          <strong>Topic:</strong>
          <ul>
            <li>Abstraction in Java</li>
            <li>Interfaces in Java</li>
            <li>Code base - HTML, CSS and bootstrap-4</li>
            <li>Progress Bar using JavaScript</li>
          </ul>
      <p>
        <a href="https://github.com/Sayan3990/WT-Assignment" target="_blank">View Github Repository</a><br>
        <a href="https://sayan3990.github.io/WT-Assignment" target="_blank">View Deployed site</a><br>
        Hope it will be helpful for you!
      </p>
    </div>
    <div class="myimage3">
      <h6>Competitive Programing</h6>
      <p>
        Meanwhile, I have started Competitive Programing. 
        I have uploaded some of my solution coded in C++17 & Python9<br/>
        The link of particular question is attached in solution program itself.
        <a href="https://github.com/Sayan3990/Codechef" target="_blank">View Github Repository</a>
      </p>
        <strong>Find me:</strong><br/>
        <ul>
          <li><a href="https://leetcode.com/trust_me345/" target="_blank">LeetCode</a></li>
          <li><a href="https://codeforces.com/profile/1905345" target="_blank">CodeForces</a></li>
          <li><a href="https://www.codechef.com/users/trust_me345" target="_blank">CodeChef</a></li>
          <li><a href="https://www.hackerrank.com/sayan_bhatta2017" target="_blank">HackerRank</a></li>
        </ul>
      <p>
        <br>
        Hope it will be helpful! Happy Coding!
      </p>
    </div>
    <div class="myimage1">
      <h6>About this website(Billand)</h6>
        <p>In 2020, I have started with web development. I have gone through HTML and CSS. After learning, HTML and CSS I have tried to design <a href="index.html" target="_blank">this website</a>. It was my very first website as practice with pure HTML/CSS and Js. I am updating <a href="index.html" target="_blank">this website</a> with my recent projects.
        <br> <a href="https://github.com/Sayan3990/Billand" target="_blank">View Github Repository</a>
        <br>
        <br>
        If you didn't know about 'Billand' or 'Billo', you can read above sections.<br/>
        <a href="#billand">What's Billand?</a><br/>
        <a href="#billo">What does Billo mean in Billand?</a><br/>
        <a href="#people">People in Billand!</a><br/>
        <a href="#history">History behind Billand</a><br/>
        Eww! "Billand" - it's completely a hypothetical world, the whole story was written by me and I am so bad in literature. It's just for fun.
      </p>
    </div>
    <div class="myimage2">
      <h6>About me</h6>
      <p>
        Hlw! I am Sayan Bhattacharyya from <a href="https://en.wikipedia.org/wiki/Hugli-Chuchura" target="_blank">Hooghly</a>,
        <a href="https://en.wikipedia.org/wiki/West_Bengal" target="_blank"> West Bengal</a>,
        <a href="https://en.wikipedia.org/wiki/India" target="_blank"> India</a>.<br/>
        - I am web developer along with Competitive programmer<br/>
        - Currently, I am pursuing my BTech degree in Computer Science and Engineering at 
        <a href="https://kiit.ac.in/" target="_blank">KIIT University</a>, 
        <a href="https://en.wikipedia.org/wiki/Bhubaneswar" target="_blank"> Bhubaneshwar</a>,
        <a href="https://en.wikipedia.org/wiki/Odisha" target="_blank"> Odisha</a>, 
        <a href="https://en.wikipedia.org/wiki/India" target="_blank"> India</a>. <br>
        - Apart from this, I am also learning Data Science. <br>
        <strong>Languages:</strong> C, C++, Python, JavaScript
        <br/>
        <strong>Find me:</strong>
        <ul>
          <li><a href="https://sayanbhattacharyya.me/" target="_blank">My Portfolio Website</a></li>
          <li><a href="https://github.com/Sayan3990" target="_blank">Github</a></li>
          <li><a href="https://www.linkedin.com/in/sayan-bhattacharyya-aa44a61a4/" target="_blank">LinkedIn</a></li>
          <li><a href="https://www.facebook.com/sayan.bhattacharyya.3990" target="_blank">FaceBook</a></li>
        </ul>
      </p>
    </div>
  </div>
  <div class="city">
    <img id="city1" src="./assets/city.png">
    <img id="city2" src="./assets/city.png">
  </div>
  <img id="car" src="./assets/driving.png">
  <div class="plane">
    <img src="./assets/plane.png">
    <div class="hellobox1">
      <p>Welcome to Billand!</p>
    </div>
    <div class="hellobox2">
      <p>How are you?</p>
    </div>
  </div>
  <div class="carhello">
    <h2>Hlw, Billo!</h2>
  </div>
  <div id="mynm">
    <a href="https://sayanbhattacharyya.me/" target="_blank"><h5>By Sayan Bhattacharyya</h5></a>
  </div>
  <br>
  <hr>
  <script src="main.js"></script>
  <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
</body>
</html>