Scribd Logo
Upload

Welcome to Scribd!

  • Portfolio Source Code

    Uploaded by

    sp
    11 views5 pages
    This document contains the CSS code for a personal portfolio website. It includes styles for the hero section, navigation bar, buttons, titles, headings and paragraphs. Styles are defined for colors, fonts, sizing, positioning and transitions. The CSS is organized into sections for major elements like nav, btn, content etc to style different parts of the portfolio page.

    Original Description:

    Original Title

    portfolio source code

    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 contains the CSS code for a personal portfolio website. It includes styles for the hero section, navigation bar, buttons, titles, headings and paragraphs. Styles are defined for colors, fonts, sizing, positioning and transitions. The CSS is organized into sections for major elements like nav, btn, content etc to style different parts of the portfolio page.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    11 views5 pages

    Portfolio Source Code

    Uploaded by

    sp
    This document contains the CSS code for a personal portfolio website. It includes styles for the hero section, navigation bar, buttons, titles, headings and paragraphs. Styles are defined for colors, fonts, sizing, positioning and transitions. The CSS is organized into sections for major elements like nav, btn, content etc to style different parts of the portfolio page.

    Copyright:

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

    portfolio.html X style.

    css 1
    ecommerce.htm
    portfolio portfolio.html.
    1 klDOCTYPE html>
    chtml lang="en">

    <head>
    <meta charset="UTF-8" />

    ctitle Personal Portfolio Websitec/title>


    link rel-"stylesheet" href-"style.css"
    </head>
    /
    16 cbody
    <div class="hero">
    12 nav
    13 img src-"https://cdn.icon-icons.com/icons2/2648/PNG/512/1ogo freelancer com icon 160826.png" class="logo" /
    cul>
    lixa href-"*">HOMEK/a>x/li>
    lixa href-"#">ABOUT</a></li>
    <lixa href-"#">SERVICE</a></1li
    lixa href-"*">PORTFOLIO</a></1i
    19 l i x a href-"#">BLOG</a></li>
    lixa href-"*">cONTACT</a></li>
    s/ul>
    22 ca href-"" class="btn">RESUME /a>
    3 </nav
    cdiv class="content"
    <span class="title">FREELANCE MEB DEVELOPER /span
    <h1Hello, I'mcspan> SAIRAJ</span></h1>
    28 I'm working on a professional visully sophisticated and technological proficient responsive and multi-functionaL React components
    9 /p>
    30 ca href-" class-"btn">0Download</a>
    </div
    32
    </div
    33
    34
    </body
    35 </html>
    File Edit Selection View Go Run Terminal Help Ppython

    portfolio.htm # style.css 1X ecommerce.html


    portfolio # style.css

    gimport ur1("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;7008display=swap")
    margin: 0
    padding:
    box-sizing: border-box;
    6 font-family: "Poppins", sans-serifs

    9 af
    10 text-decoration: none
    11
    12
    13 hero {
    14 width: 10ee%;
    15 height: 100vh
    16 background: url(img/bg.png);
    17 background-size: cover
    18
    19
    20 nav{
    display: flex;
    22 align-items: center
    23 justify-content: space-between
    24 padding: 30px 100px;
    25
    26
    27 logo
    28 max-height: 168px;
    29
    30
    nav ul 1i a {
    32 color: #1d1d24;
    position: relative;
    34 padding: 5px 0
    35
    36
    37 nav ul li a:hover
    Fle Edit Selection View Go Run Terminal Help python
    portfolio.html #style.css 1X ecommerce.html
    portfolio# style.css btn
    position relative
    4 padding: 5px 0
    35
    36
    37 nav ul li a:hover {
    38 color:#fda766;
    39
    40
    41 nav ul 1i aiafter {
    42 content: ""
    43 position: absolute;
    14 left: 0
    45 width: 0
    46 height: 3px
    47 background:fda766;
    48 transition: 0.3s
    9 bottom: 0
    50
    51
    52 nav ul li a:hover:after {
    3 width: 100%;
    54
    55
    56 btn
    57
    color:aFff;
    font-size: 16px
    59 text-transform: uppercase3
    60 letter-spacing: 2pxs
    padding: 16px 40px3
    52 border-radius: 50opx;
    63 display: inline-block;
    54 font-weight: 500;
    65 transition: all e.4s ease-in-out;
    66 background-size: 152X 100%;
    67 background: fd4766;
    b8 border: 2px solid O4fda766;
    69

    A1 JavaSaript Debug Terminal (python)


    e Edit Selection View Go Run Terminal Help P python

    portfolio.html # style.css 1X ecommerce.html

    portfolio# style.css btn


    60 letter-spacing: 2px;
    51 padding: 16px 40pxj
    62 border-radius : 500px
    63 display: inline-block;
    54 font-weight: 500;
    65 transition: all 0.4s ease-in-out;
    I
    66 background-size: 152% 100%;
    67 background:fd4766;
    68 border: 2px solid #fd4766;
    69
    70
    71 btn: hover {
    72 background: transparent;
    B
    border-color:fd4766;
    color: #fd4766;
    75
    76
    77 content
    78 position: absolute
    79 top: 35%;
    80 left: 8%
    81
    82
    83 content .title {
    84 color: #0a0a0a;
    85 font-size: 15px;
    86 text-transform: uppercase
    87 letter-spacing: 4px;
    88
    display: inline-block;
    89
    margin-bottom: 20px;
    90
    91
    backgr und:
    linear-gradient ( 120deg, #1c99fe 20.69%, #7644ff 50.19%, fd4766
    79.69%);
    webkit-background-clip: text
    92
    -webkit-text-fill-color: transparent;
    93
    94
    95 content h1 {

    1
    color: #1f1f25;
    JavaScript Debug Terminal fnthon)
    portfolio #style.css .content pP
    78 position: absolute;
    79 top: 35%
    80 left: 8
    81
    82
    83 content.title
    I
    84 color: #0a0a0a;
    85 font-size: 15px
    86 text-transform: uppercase
    87 letter-spacing: 4pxs
    88 display: inline-block;
    89 margin-bottom: 20px
    90 background: linear-gradient( 120deg, c99fe 20.69t%, 7644ff 5e.19%, »fda766 79.69 ) ;
    91 Webkit-background elip: text;
    92 -webkit-text-fill-color: transparents
    93
    94
    95 .content h1 {
    96 color: #1f1f25
    97 font-size: 75px
    98 font-weight: 900
    99 line-height: 90px;
    100 text-transform: inherit;
    101 width: 78
    102
    103
    104 content h1 span {
    105 color: #fd4766;
    106
    107
    108
    content P
    109 width: 5%;
    110 color: #202020;
    111
    margin-top: 25px;
    112 margin-bottom: 30px
    113

    A1 JavaSaript Debug Terminal (gyihon

    You might also like