Skip to content

Commit

Permalink
portfolio completed
Browse files Browse the repository at this point in the history
  • Loading branch information
Naajiya committed Aug 16, 2024
0 parents commit 21607b1
Show file tree
Hide file tree
Showing 15 changed files with 733 additions and 0 deletions.
Binary file added images/Portfolio.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/abbbb-removebg-preview.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/abbbb.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/about.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/girl-removebg-preview.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/girl.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/html_tutorial.pdf
Binary file not shown.
Binary file added images/port2-removebg-preview.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/port2.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
292 changes: 292 additions & 0 deletions images/skill.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/star-removebg-preview.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/star.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
141 changes: 141 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,141 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./style.css">
<title>Document</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"
/>
<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=Playwrite+NG+Modern:[email protected]&display=swap"
rel="stylesheet">
</head>

<body>
<div id="container">
<nav>
<img src="./images/port2-removebg-preview.png" alt="" height="110px" width="200px">
<ul>
<li class="list-items"><a class="links" href="#home">Home</a></li>
<li class="list-items"><a class="links" href="#about">About</a></li>
<li class="list-items"><a class="links" href="#skills">Skills</a></li>
<li class="list-items"><a class="links" href="#contact">Contacts</a></li>
</ul>
</nav>
<sec id="home">
<div class="h-content">
<h1 id="uname">I'm Farzan <span id="lname"> Muhammed</span></h1>
<p id="user-details">This is my official portfolio website to describe <br> all details and work
experience in web development</p>
<a href="./images/html_tutorial.pdf" class="downd" download="">Download CV</a>
</div>
<div class="h-images">
<img class="grop1" id="shape" src="./images/star-removebg-preview.png" alt="">
<img class="grop1" id="girl" src="./images/girl-removebg-preview.png " alt="">
</div>

</sec>

<div id="about">
<div class="section-head">
<h3 class="main-head">About</h3>
<span class="sub-head">Introduction</span>
</div>


<div class="about-content">
<div id="about-image">
<img src="./images/abbbb-removebg-preview.png" alt="">
</div>
<div id="about-details">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea saepe natus, exercitationem molestiae
dicta soluta officiis voluptate impedit enim commodi ullam illum? Aliquam accusamus, odio
impedit ipsa numquam commodi possimus
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea saepe natus, exercitationem
molestiae dicta soluta officiis voluptate impedit enim commodi ullam illum? Aliquam accusamus,
odio impedit ipsa numquam commodi possimus
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea saepe natus, exercitationem
molestiae dicta soluta officiis voluptate impedit enim commodi ullam illum? Aliquam accusamus,
odio impedit ipsa numquam commodi possimus
</p>
<div class="intormation">
<div class="info-box"><i class="fa-solid fa-user" id=""></i>
<span>Muhammed Rihan</span>
</div>
<div class="info-box" id="in"><i class="fa-solid fa-phone"></i>
<span>8137065541</span>
</div>
<div class="info-box"><i class="fa-solid fa-envelope"></i>
<span>[email protected]</span>
</div>
</div>
</div>
</div>

</div>
<div id="skills">
<div class="section-head">
<h3 class="main-head">Skills</h3>
<span class="sub-head">My skills</span>
</div>
<div class="skill-content">
<div class="progress-bar">
<!-- html bar -->
<div class="bar">
<h3 class="bar-head">HTML</h3>
<span class="bar-perc">93%</span>
<div class="base-bar" ></div>
<div class="base-bar html-bar"></div>
</div>
<div class="bar">
<h3 class="bar-head">CSS</h3>
<span class="bar-perc">87%</span>
<div class="base-bar" ></div>
<div class="base-bar css-bar"></div>
</div>
<div class="bar">
<h3 class="bar-head">JavaScript</h3>
<span class="bar-perc">84%</span>
<div class="base-bar" ></div>
<div class="base-bar js-bar"></div>
</div>
<div class="bar">
<h3 class="bar-head">Angular</h3>
<span class="bar-perc">87%</span>
<div class="base-bar" ></div>
<div class="base-bar css-bar"></div>
</div>
</div>
<div class="skill-img">
<img class="myskills" src="./images/skill.svg" alt="">
</div>
</div>

</div>

<div id="contact">
<div class="section-head">
<h3 class="main-head">Contacts</h3>
<span class="sub-head">My contacts</span>
</div>
<div class="icon-collection">
<div class="icon"><a href="" target="_blank"><i class="fa-brands fa-linkedin brand"></i></a></div>
<div class="icon" ><a href="" target="_blank"><i class="fa-brands fa-github brand"></i></a></div>
<div class="icon"><a href="" target="_blank"><i class="fa-brands fa-square-instagram brand"></i></a></div>
</div>
</div>


<footer>
<p id="copyright">&copy; My portfolio wedsite, all right are reserved to &reg; farzan Muhammed</p>
</footer>
<div class="icon up-arow"><a href="#container"><i class="fa-solid fa-angle-up brand"></i></a></div>


</div>
</body>

</html>
5 changes: 5 additions & 0 deletions note.txt
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
inline element n margin kodkkan pattilla

display: inline-block;

psedo
Loading

0 comments on commit 21607b1

Please sign in to comment.