Skip to content

Latest commit

 

History

History
195 lines (141 loc) · 7.99 KB

README.md

File metadata and controls

195 lines (141 loc) · 7.99 KB

Portfolio Page - UncertainCo.

Personal Portfolio's Templates for Clients.

Getting Started

About Me

  • Go to aboutme.html page

  • The title of the page is set to Home | Portfolio if you want edit go to line no : 9 → inside you will find <title> Home | Portfolio </title> change the text inside those tags

    ex : <title> Portfolio | [Your name] </title>

  • To Find anything in page use Command Cntrl+F and type text you are searching.

  • Find class="logo" (line no : 15)you will redirect to corresponding Div. goto <div> → <p> →Change letter* J to First Character of your name.

    Same as above goto <p>→ <strong> Change it to your Full Name.

  • There is nothing to change in nav-contents.

  • Find class="image" (line no : 33) there is an img tag inside that div. <img src=" Enter your file location with extension .jpg | .png etc.." /> *

  • Search for class="content reset" (line no : 37) by using command Cntrl+F

    • Change your current profession inside <p tag. You can also add multiple like <p> Developer | UI / UX Designer </p>
    • Enter your Full Name inside <h2> tag

  • Find class="icons" (line no : 40) inside <a> tag there is a href (attribute) replace your hyperlink ( url of the website ) in place of #

    • Ex : <a> href="https: //www.linkedin.com/in/user" </a>
    • Do same for remaining - Replace those # with corresponding URLs
    • Note: Make sure you place proper URL's for corresponding icons you can check it besides, class=" fab fa-LinkedIn-in" which means you should give the URL of the linked-in profile

  • Find class="intro" (line no : 47)

    • Replace that Dummy Lorem ipsum text with a Brief intro of yours which

What I Do?

  • Find class="box" (line no : 61, 68, 75, 82), there are multiple instances of class="box" select first one change <h3> inside that class to title of any skill you know and also change <p> to brief about that skill or any specialization etc...
  • If you want to change the icon beside that text
  • Click here type keyword of the icon you are searching for
  • Click on Start Using This Icon, copy the text having tag
    • Ex : <i> class="fab fa-accessible-icon" </i>
    • replace this class with existing <i> tag in class="box" div
  • Same goes with all the divs having class="box"
  • These class=" box" are in order, Make sure you enter the details in proper order.

Recommendations

  • Find class="carousel-caption d-none d-md-block" (line no : 101, 109, 118) select first one.
  • inside it there is an <img> tag change its src = "File location of the with extentsion like .jpg | .png etc..."
  • Change <h5> to their Name
  • Change <p> to the text what they thought of you and your work
  • Same goes with all the divs containing class="carousel-caption d-none d-md-block"
  • The divs are in order, make sure you arrange them in priority order
  • Note : There is an additional tag <h6> which tells what is the current position of the person Recommending, If you wish change it to change it in <h6>
    Ex: <h6> SDE at Amazon </h6>

Footer

  • Find class="footer-contents" (line no : 138) , there is a <ul> tag consisting of some <a> tags with href ="#" change that # with corresponding link ( url )
  • Make sure you replace those URLs by checking names in the <li> tag
  • Note: To change copyright year and name, there is an <p> tag with class=" copyrights" (line no: 147) change year and Name.

You're Done with the aboutme.html page

Resume

  • Go to resume.html
  • Same as above pages change first letter and full Name (Line no: 16,17)
  • Education
    • Go to Line no: 43 replace the years, with your period of study.
    • Change the text Lorem ipsum dolor sit amet. with College or University Name
    • In Line no: 45 Change the text within <h3> with Stream of Study
      • Ex : B.tech, M.tech, Intermediate, SSC etc...
    • In Line no: 46 change the paragraph with a short description about your experience or any achievements in college.
    • Same Goes with remaining
    • Note: Follow either increasing or decreasing order
    • Ex: From 10th to Undergraduate / Postgraduate
    • or Undergraduate to 10th but don't skip the years between
    • Make sure you enter proper academic years
  • Experience
    • Same as Education, change the contents in Experience
    • It Starts from Line no: 69
    • Change the corresponding years, Names of the company you've worked in the past, any experience you want to share regarding those companies or any projects done by you.
  • Design Skills
    • Tools and Technologies
      • Go to Line no: 105 add technologies within those <span> tags
        • Ex : <span> Adobe Premiere Pro </span>
      • Go to Line no: 106 rate your knowledge on that particular technology in multiples of 10 and replace percentage within <span> tags
        • Ex : <span> 70% </span>
      • Go to Line no: 108 add an id beside class="bar-outline" with the percentage you've entered above in words.
        • Ex : If you have entered 70% then add id="seventy" beside class = "bar-outline"
        • In code, it should look like this
      • Repeat the same process with the next technologies as well
      • If you want to add or delete any extra skills
      • This is arranged in blocks which means from Line No: 103 to Line no: 111 its termed as a block
      • If you want to add more technologies copy-paste that block of code below (should be above Line No:130)
      • If you want to delete any extra technologies delete that block of code from where it's starting.
    • Development Knowledge
      • Same goes here follow the same procedure as above
      • replace skills and change the percentages
      • add id with its corresponding percentages
      • Adding and Deleting skills will also be the same.

Footer Contents

  • Change footer contents in this page too same as aboutme.html file
  • Things to Change
    • Update your social media links
    • Change Copyright year and your name.

You're Done with the resume.html page

Portfolio.html

  • Go to portfolio.html
  • Change the first letter of your name and Full Name in Line no: 16,17
  • In Line No: 61 change the src to file location containing a screenshot of the project
    • Ex : src = "../images/pic.jpg"
    • Note : Make sure you add file extension i.e .jpg | .png etc...
  • In Line No: 72 same as above change the src with other project screenshot location

Footer Contents

  • Change footer contents in this page too same as aboutme.html file
  • Things to Change
    • Update your social media links
    • Change Copyright year and your name.

You're Done with the portfolio.html page

Contact us

  • Go to contact.html file
  • Find class="logo"
    • In Line no: 16 change letter J to the first letter of your name
    • In Line no: 17 change Jhon Doe to your Full Name
    • There is nothing to do with nav-contents
  • Find class="icon_text
    • In Line no: 51 Change that dummy text ( Lorem Ipsum ) to your City In Line no: 52, change the paragraph to a Short description like where you live in the city, any landmark or Pincode, etc...
  • Find class="icon_text
    • In Line no: 60 change the text to your E-mail id
    • In Line no: 61 give any short info regarding your mail, like when you will check your emails, etc
    • Ex: Mention if you check your mail only on Saturdays etc...

Footer Contents

  • Change footer contents in this page too same as aboutme.html file
  • Things to Change
    • Update your social media links
    • Change Copyright year and your name.

You're Done with the contact.html page