Scribd Logo
Upload

Welcome to Scribd!

  • Personal Website Rushed

    Uploaded by

    Xenos Algheim
    5 views2 pages

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    5 views2 pages

    Personal Website Rushed

    Uploaded by

    Xenos Algheim

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 2

    Jancen Louis Robiso margin-left:auto;

    margin-right:auto;
    Grade-12 Aquino padding-top:30px;
    padding-bottom:30px;
    padding-left:50px;
    text-align:left
    Page 1 font-size:30px;
    color:white;
    <!DOCTYPE html> }
    <html>
    <head>
    <title> Personal Website by Robiso </title>
    <style> </style>
    </head>
    #nav {
    background-image:linear-gradient(blue, <body bgcolor="black">
    darkblue);
    border-bottom-width:10px; <div id="nav">
    border-bottom-color:lightblue; <ul>
    border-bottom-style:solid; <li> <a href="Personal Website.html"> Home
    height:60px; </a></li>
    font-size:20px; <li> <a href="Gallery.html"> Gallery </a></li>
    font-family:calibri; </ul>
    } </div>

    #nav ul { <img class="img2" src="Profile.jpg">


    padding-top:15px;
    list-style-type:none; <div class="div1">
    text-align:left;
    } <p class="par" align="center">

    #nav li { Hello there! My name is Jancen Louis Robiso, I am


    padding:10px; currently 17 years old and studying at Manila Tytana
    display:inline; Colleges.
    vertical-align:middle; My hobbies include drawing and reading in my free
    } time, which is something I don`t really get to do often.
    This is a very rushed website to be honest, but I
    #nav a { did what I can to make every part of the website to be
    text-decoration:none; simple and neat to the best of my ability, somehow.
    color:white;
    } </p>

    #nav a:hover { </div>


    color:grey;
    } <hr class="hr">

    <hr>
    .par {
    font-family:arial; <hr class="hr">
    font-size:25px;
    align:center; <div class="bgcolor4">
    } <p>
    Contact No: 09156228312 <br>
    .img2 { Email Address:
    background-color:blue; jancenlouis.robiso@gmail.com <br>
    display:block;
    height:auto; Contacts section are subject to change
    width:20%;
    margin-left:auto; </p>
    margin-right:auto; </div>
    border: 10px solid lightblue;
    margin-top: 10px;
    </body>
    } </html>

    .hr {
    border: 10px solid blue;
    border-radius: 5px;
    }

    .div1 {
    background-color:lightblue;
    margin-left:20%;
    margin-right:20%;
    }

    .bgcolor4 {
    background-image:linear-gradient(blue,
    darkblue);
    width:100%;
    height:auto;
    margin-top:20px;
    margin-bottom:20px;
    Page 2 font-size:30px;
    color:white;
    <!DOCTYPE html> }
    <html>
    <head> </style>
    <title> Personal Website by Robiso </title> </head>
    <style>
    <body bgcolor="black">
    #nav {
    background-image:linear-gradient(blue, <div id="nav">
    darkblue); <ul>
    border-bottom-width:10px; <li> <a href="Personal Website.html"> Home
    border-bottom-color:lightblue; </a></li>
    border-bottom-style:solid; <li> <a href=""> Gallery </a></li>
    height:60px; </ul>
    font-size:20px; </div>
    font-family:calibri;
    } <img class="img2" src="Place3.jpg">

    #nav ul {
    padding-top:15px; <div class="div1">
    list-style-type:none;
    text-align:left; <p class="par" align="center">
    }
    This is actually the third floor terrace of our house.
    #nav li {
    padding:10px; </p>
    display:inline;
    vertical-align:middle; </div>
    }
    <img class="img2" src="Place4.jpg">
    #nav a {
    text-decoration:none; <div class="div1">
    color:white;
    } <p class="par" align="center">

    #nav a:hover { My main study area, a very relaxing place for my night
    color:grey; study sessions.
    }
    </div>

    .par { </p>
    font-family:arial;
    font-size:25px; <hr class="hr">
    align:center;
    } <hr>

    .img2 { <hr class="hr">


    background-color:blue;
    display:block; <div class="bgcolor4">
    height:auto; <p>
    width:50%; Contact No: 09156228312 <br>
    margin-left:auto; Email Address:
    margin-right:auto; jancenlouis.robiso@gmail.com <br>
    border: 10px solid lightblue;
    margin-top: 10px; Contacts section are subject to change

    } </p>
    </div>
    .hr {
    border: 10px solid blue; </body>
    border-radius: 5px; </html>
    }

    .div1 {
    background-color:lightblue;
    margin-left:20%;
    margin-right:20%;
    }

    .bgcolor4 {
    background-image:linear-gradient(blue,
    darkblue);
    width:100%;
    height:auto;
    margin-top:20px;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
    padding-top:30px;
    padding-bottom:30px;
    padding-left:50px;
    text-align:left

    You might also like