Commit 8e474d14 authored by PIMPALGAONKAR SHREYAS's avatar PIMPALGAONKAR SHREYAS

first commit

parent eb0147c6
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
This diff is collapsed.
// This file is autogenerated via the `commonjs` Grunt task. You can require() this file in a CommonJS environment.
require('../../js/transition.js')
require('../../js/alert.js')
require('../../js/button.js')
require('../../js/carousel.js')
require('../../js/collapse.js')
require('../../js/dropdown.js')
require('../../js/modal.js')
require('../../js/tooltip.js')
require('../../js/popover.js')
require('../../js/scrollspy.js')
require('../../js/tab.js')
require('../../js/affix.js')
\ No newline at end of file
This diff is collapsed.
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color : #000000 ;
}
table#t01 {
width: 100%;
color:white;
font-color:white;
text-color:white;
background-color: #3f3f3f;<table border="1"; cellpadding="0"; width="80%";left=50%;
}
ul#l1 {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333333;
}
li#h {
float : right ;
}
div#d01 {
background-color: #3f3f3f;
}
li#l {
display: block;
color: white;
text-align: center;
padding: 16px;
text-decoration: none;
float : left;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
background-color: #333333;
}
li {
display: block;
color: white;
text-decoration: none;
}
li#a11 a {
color: white;
text-align: center;
padding: 6px;
text-decoration: none;
display: block;
color: white;
}
li a{
color: white;
text-align: center;
padding: 16px;
text-decoration: none;
display: block;
color: white;
}
li a:hover{
background-color: #111111;
}
li#a11 a :hover {
background-color : #111111;
}
</style>
</head>
<body>
<ul id="l1">
<li id="h"><a href="#001">Fonts</a></li>
<li id="h"><a href="#002">Hyperlinks</a></li>
<li id="h"><a href="#003">Lists</a></li>
<li id="l" "text-align:left"> SHREYAS PIMPALGAONKAR </a></li>
</ul>
<div id="shreyas">
<img src="mine.jpg" alt="shreyas" style="width:100%;border:0px">
</div>
<div id="003">
<h3 style="text-align:center;color:white;"><em>THE TABLE</em> </h3>
<table id="t01">
<tr align="center"><th>Nationality</th><th>House</th><th>Pet</th><th>Drink</th><th>Smokes</th></tr>
<tr align="center"><td>Norwegian</td><td>Yellow</td><td>Cats</td><td>Water</td><td>Dunhill</td></tr>
<tr align="center"><td>Brit</td><td>Red</td><td>Birds</td><td>Milk</td><td>Pall Mall</td></tr>
<tr align="center"><td>Dane</td><td>Blue</td><td>Horses</td><td>Tea</td><td>Blends</td></tr>
<tr align="center"><td>German</td><td>Green</td><td>Fish</td><td>Milk</td><td>Prince</td></tr>
<tr align="center"><td>Swede</td><td>White</td><td>Dogs</td><td>Beer</td><td>Blue Master</td></tr>
</table>
</div>
<nav id="002">
<h3 style="text-align:center;color:white;"><em>THE HYPERLINKS</em> </h3>
<ul style="text-align:center">
<li id="a11" ><a href="http://cse.iitb.ac.in/" target="_blank"> Abode of The Gods </a></li>
<li id="a11">
<a href="#shreyas">Take me to the mountains</a>
</li>
<li id="a11" ><a href="https://udel.edu/~os/riddle.html" target="_blank">What does the above table mean?</a> <BR>
</li></nav>
<div>
<h3 style="text-align:center;color:white;"><em>MY INTERESTS</em> </h3>
<ul style="text-align:center;padding:10px;" >
<li>CODING</li>
<li>MUSIC</li>
<li>PHOTOGRAPHY</li>
<li>TENNIS</li>
<li>TREKKING</li>
</ul>
</div>
<div id="001">
<h3 style="text-align:center;color:white;"><em>FONTS</em> </h3>
<ul style="text-align:center;padding:10px;" >
<li style:"font-family:verdana">Verdana</li>
<li style:"font-family:courier:">Courier </li>
</ul>
</div>
<div>
<h3 style="font-family:Verdana;text-align:center;color:white;"><em>MY FAVOURITE TV SHOWS</em> </h3>
<div id="d01" >
<ol style="text-align:center;padding:10px:background-color:#3f3f3f;">
<li>1.GAME OF THRONES</li>
<li>2.BREAKING BAD</li>
<li>3.RICK N MORTY</li>
<li>4.FRIENDS</li>
</ol>
</div>
</div>
</body>
</html>
shreyas
In this assignment I was supposed to build my html homepage and perform certain tasks.
I started from scratch and took help from w3schools.com and got to know about the syntax.
Firstly I formed the basic outline of my code. I created a table, made ordered lists, unordered lists, added three types of hyperlinks. I added the table, it's of a riddle that i love very much. I then did editing, changed some fonts added my photo which is taken in Jammu and Kashmir. I then did some more editing, with the help of CSS and made the webpage.
*
{
margin: 0px;
border: 0px;
padding-left: 0px;
padding-right: 0px;
}
html,body{
height:100%;
}
body
{
}
nav#theHeader
{
background-color: rgba(15,15,15,0.8);
border: none;
margin: none;
}
.myNavbar
{
background-color: rgba(0,0,0,0);
}
.newContainer
{
width: 100%
height : 50%;
background-color: black ;
}
.carousel
{
padding: 0px;
margin:0px;
}
.fixedBg
{
position: relative;
height: 100% ;
background-size: cover ;
background-repeat :no-repeat ;
background-attachment: fixed ;
}
.bwFixedBg
{
height : 100%;
background-color: bisque;
}
.myContainer
{
}
.fixedBgOne
{
background-image : url("images/hills.jpg");
}
h1#homepage1
{
text-align: center;
}
.first-image
{
position : relative;
top: 20%
}
.row
{
height:100%;
}
h4#einstein
{
padding-left: 50px;
padding-right:;
}
.aboutme
{
background-image: url("images/hiranandani.jpg");
top:50%;
}
nav a:hover
{
text-decoration-color: black ;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment