Scribd Logo
Upload

Welcome to Scribd!

  • Portfolio

    Uploaded by

    samirmonal2005
    6 views6 pages
    This document is the code for a personal portfolio website belonging to Priyanshu Raj, a web developer. The code includes the structure and styling for the navigation bar, introduction section, and buttons to download a resume and visit a Github profile. The introduction section prominently displays Priyanshu's name and role as a passionate web developer.

    Original Description:

    Original Title

    Portfolio (1)

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document is the code for a personal portfolio website belonging to Priyanshu Raj, a web developer. The code includes the structure and styling for the navigation bar, introduction section, and buttons to download a resume and visit a Github profile. The introduction section prominently displays Priyanshu's name and role as a passionate web developer.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    6 views6 pages

    Portfolio

    Uploaded by

    samirmonal2005
    This document is the code for a personal portfolio website belonging to Priyanshu Raj, a web developer. The code includes the structure and styling for the navigation bar, introduction section, and buttons to download a resume and visit a Github profile. The introduction section prominently displays Priyanshu's name and role as a passionate web developer.

    Copyright:

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

    <!

    DOCTYPE html>
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Priyanshu Raj - Web Developer</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap"
    rel="stylesheet">
    <style>
    *{
    margin: 0;
    padding: 0;
    }
    body{
    background: linear-gradient(rgb(6, 6, 220),rgb(5, 5, 43));

    color: white;
    font-family: 'Poppins', sans-serif;
    }
    nav{
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 80px;
    background-color: rgb(5, 5, 43);

    }
    nav ul{
    display: flex;
    justify-content: center;
    }
    nav ul li{
    list-style: none;
    margin: 0 23px;
    }
    .left{
    font-size: 1.5rem;
    }
    .firstsection{
    display: flex;
    justify-content: space-around;
    margin: 23px 0;
    }
    .firstsection >div{
    width: 30%;
    }

    .leftsection{

    font-size: 3rem;
    margin: 30px 0;
    }
    .leftsection .btn {

    padding: 12px;
    background-color: rgb(6, 6, 26);
    color: white;
    border: 2px solid white;
    border-radius: 6px;
    font-size: 20px;
    cursor: pointer;
    }
    .rightsection img{
    width: 80%;
    }
    .purple{
    color: rgb(129, 45, 225);
    }

    </style>
    </head>
    <body>
    <header>
    <nav>
    <div class="left">Priyanshu's Portfolio</div>
    <div class="right">
    <ul>
    <li>Home</li>
    <li>About</li>
    <li>Skills</li>
    <li>Contect Me</li>
    </ul>
    </div>
    </nav>
    </header>
    <main>
    <section class="firstsection">
    <div class="leftsection">
    Hi,
    My name is <span class="purple">Priyanshu Raj</span>
    <div>and I am passionate <span class="purple">Web Developer</span> </div>
    <div class="buttons">
    <button class="btn">Download Resume</button>
    <button class="btn">Visit Github</button>
    </div>
    </div>
    <div class="rightsection">
    <img src="33.png" alt="">
    </div>

    </section>
    </main>
    </body>
    </html>

    You might also like