Index webpage coding

 index.html

<!DOCTYPE html>

<html lang="en">

<head>

<title>Page Title</title>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<style>

* {

  box-sizing: border-box;

}


body {

  font-family: Arial, Helvetica, sans-serif;

  margin: 0;

}


/* Style the header */

.header {

  padding: 80px;

  text-align: center;

  background: #1abc9c;

  color: white;

}


/* Increase the font size of the h1 element */

.header h1 {

  font-size: 40px;

}


/* Style the top navigation bar */

.navbar {

  overflow: hidden;

  background-color: #333;

}


/* Style the navigation bar links */

.navbar a {

  float: left;

  display: block;

  color: white;

  text-align: center;

  padding: 14px 20px;

  text-decoration: none;

}


/* Right-aligned link */

.navbar a.right {

  float: right;

}


/* Change color on hover */

.navbar a:hover {

  background-color: #ddd;

  color: black;

}


/* Column container */

.row {  

  display: flex;

  flex-wrap: wrap;

}


/* Create two unequal columns that sits next to each other */

/* Sidebar/left column */

.side {

  flex: 30%;

  background-color: #f1f1f1;

  padding: 20px;

}


/* Main column */

.main {   

  flex: 70%;

  background-color: white;

  padding: 20px;

}


/* Fake image, just for this example */

.fakeimg {

  background-color: #aaa;

  width: 100%;

  padding: 20px;

}

</style>

</head>

<body>


<div class="header">

  <h1>S3PROGRAMMINGTECH CHANNEL</h1>

  <p>A website created by me.</p>

</div>


<div class="navbar">

  <a href="#">Index</a>

  <a href="#">Programming</a>

  <a href="#">PHP</a>

  <a href="E://login.html" class="right">Login</a>

<a href="E://register.html" class="right">Register</a>


</div>


<div class="row">

  <div class="side">

    <h2>About Me</h2>

    <h5>Photo of me:</h5>

    <image src="E://img1.png">

    <p>Some text about me in culpa qui officia deserunt mollit anim..</p>

    <h3>More Text</h3>

    <p>Lorem ipsum dolor sit ame.</p>

     <img src="E://img1.png"><br>

 <img src="E://img1.png"><br>

 <img src="E://img1.png"><br>

  </div>

  <div class="main">

    <h2>TITLE HEADING</h2>

    <h5>Title description, Dec 7, 2017</h5>

    <image src="E://lib.png" style="width:500px;">

    <p>Some text..</p>

    <p>Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>

    <br>

    <h2>TITLE HEADING</h2>

    <h5>Title description, Sep 2, 2017</h5>

    <image src="E://lib1.png" style="width:500px;">

    <p>Some text..</p>

    <p>Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>

  </div>

</div>


</body>

</html>


Comments

Post a Comment

Popular posts from this blog

How to create Animated 3d chart with R.

  The rgl package is the best option to build 3d charts in R. Please see this post for an introduction to 3d scatterplots using it. It also provides the plot3d() and play3d() functions that allow to animate the 3d chart, and eventually to export the result at a .gif format. Here is an application to the famous iris dataset, with a nice animated 3d scatterplot chart. Arguments x, y, z vectors of points to be plotted. Any reasonable way of defining the coordinates is acceptable. See the function  xyz.coords  for details. xlab, ylab, zlab labels for the coordinates. type For the default method, a single character indicating the type of item to plot. Supported types are: 'p' for points, 's' for spheres, 'l' for lines, 'h' for line segments from z = 0, and 'n' for nothing. For the mesh3d method, one of 'shade', 'wire', or 'dots'. Partial matching is used. col the color to be used for plotted...
Read more

Linux/Unix Commands frequently used

  Linux/Unix Commands ls  --- lists your files ls -l  --- lists your files in 'long format', which contains lots of useful information, e.g. the exact size of the file, who owns the file and who has the right to look at it, and when it was last modified. ls -a  --- lists all files, including the ones whose filenames begin in a dot, which you do not always want to see. There are many more options, for example to list files by size, by date, recursively etc. more  filename  --- shows the first part of a file, just as much as will fit on one screen. Just hit the space bar to see more or  q  to quit. You can use  / pattern  to search for a pattern. gzip  filename  --- compresses files, so that they take up much less space. Usually text files compress to about half their original size, but it depends very much on the size of the file and the nature of the co...
Read more

R Programming Introduction

R Download Link- https://cran.r-project.org/bin/windows/base/old/3.4.0/ R Studio Download link- https://www.rstudio.com/products/rstudio/download/  R is a programming language and software environment for statistical analysis, graphics representation and reporting. R was created by Ross Ihaka and Robert Gentleman at the University of Auckland, New Zealand, and is currently developed by the R Development Core Team. The core of R is an interpreted computer language which allows branching and looping as well as modular programming using functions. R allows integration with the procedures written in the C, C++, .Net, Python or FORTRAN languages for efficiency. R is freely available under the GNU General Public License, and pre-compiled binary versions are provided for various operating systems like Linux, Windows and Mac. R is free software distributed under a GNU-style copy left, and an official part of the GNU project called  GNU S . Evolution of R R was initially writ...
Read more