Skip to content

Commit

Permalink
final
Browse files Browse the repository at this point in the history
  • Loading branch information
@Ibrangrd
Ibrangrd committed Jul 10, 2024
1 parent f21268d commit 6be7497
Show file tree
Hide file tree
Showing 5 changed files with 74 additions and 55 deletions.
3 changes: 2 additions & 1 deletion contact.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,10 +18,11 @@
</ul>
</nav>
<div class="container">
<form class="left">
<form action="https://api.web3forms.com/submit" method="POST" class="left">
<div class="contact">
<h2>Contact Me</h2>
</div>
<input type="hidden" name="access_key" value="150ddb2d-5e1a-40be-9b23-f61c069139c3">
<input type="text" name="name" placeholder="Your name " required class="contact_input">
<input type="email" name="email" placeholder="Your Email " required class="contact_input">
<textarea name="message" placeholder="Your message" required class="contact_input"></textarea>
Expand Down
Binary file added ib11.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
63 changes: 35 additions & 28 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -46,7 +46,8 @@ <h1 class="front"> Developer</h1>

</div>
<div class="myphoto">
<a href="https://ibrangrd.github.io/3-D-Slder/" target="main"> <img id="mypic" src="ibran1.jpg" alt="Ibran"></a>
<a href="https://ibrangrd.github.io/3-D-Slder/" target="main"> <img id="mypic" src="ib11.jpg"
alt="Ibran"></a>
<p id="photo_click"> Click me!</p>
</div>
</div>
Expand All @@ -68,59 +69,62 @@ <h1 id="myname">MD IBRAN</h1>
</div>
</div>
<div>
<h1 id="heading"> MY PROJECTS</h1>
</div>
<div class="Projects">
<div class="pro">
<div> <a href=""> <img class="proimg" src="qr.png"></a> </div>
<div> <a href="https://ibrangrd.github.io/Fit-mania-/"><img class="proimg" src="gym.png"></a> </div>
<div class="abtpro">
<div class="info">
<div class="head">
<h2> QR WEDS</h2>
<h2> Fit mania </h2>
</div>
<div class="para">
<p>
I helped develop QR Weds, a wedding planning website built with a team. We created a
user-friendly
platform to simplify wedding planning. The website features a modern design, wedding
checklist, and
QR code sharing. I contributed to [insert your specific contributions]. QR Weds showcases
our team's
technical skills and collaboration.</p>
This project, made with my teammate, is a user-friendly gym website designed specifically
for beginners. The site features a clean and intuitive layout, making it easy to navigate
for users of all fitness levels. Key sections include a welcoming hero header with a
motivational call-to-action, an about section introducing the gym and its mission, detailed
workout plans and guides and a sign-ups form .

</p>
</div>
</div>
<div class="dc">
<button class="code">Code </button>
<button class="code"> Live Demo </button>
<a href="https://github.com/Ibrangrd/Fit-mania-" target="_blank">
<button class="code">Code </button>
</a>
<a href="https://ibrangrd.github.io/Fit-mania-/" target="_blank"> <button class="code"> Live Demo </button>
</a>
</div>
</div>
</div>
</div>
<br>
<br>

<div class="Projects">
<div class="pro">
<div> <a href="https://ibrangrd.github.io/Fit-mania-/"><img class="proimg" src="gym.png"></a> </div>
<div> <a href=""> <img class="proimg" src="qr.png"></a> </div>
<div class="abtpro">
<div class="info">
<div class="head">
<h2> Fit mania </h2>
<h2> QR WEDS</h2>
</div>
<div class="para">
<p>
This project, made with my teammate, is a user-friendly gym website designed specifically
for beginners. The site features a clean and intuitive layout, making it easy to navigate
for users of all fitness levels. Key sections include a welcoming hero header with a
motivational call-to-action, an about section introducing the gym and its mission, detailed
workout plans and guides and a sign-ups form .

</p>
I helped develop QR Weds, a wedding planning website built with a team. We created a
user-friendly
platform to simplify wedding planning. The website features a modern design, wedding
checklist, and
QR code sharing. I contributed to [insert your specific contributions]. QR Weds showcases
our team's
technical skills and collaboration.</p>
</div>
</div>
<div class="dc">
<button class="code">Code </button>
<button class="code"> Live Demo </button>
<a href="https://github.com/Ibrangrd/qr-weds">
<button class="code">Code </button>
</a>
<a href="https://ibrangrd.github.io/qr-weds/"> <button class="code"> Live Demo </button>
</a>
</div>
</div>
</div>
Expand All @@ -145,8 +149,11 @@ <h2>SIMPLE CALCULATOR</h2>
</div>
</div>
<div class="dc">
<button class="code">Code </button>
<button class="code"> Live Demo </button>
<a href="https://github.com/Ibrangrd/Simple-Calculator" target="_blank">
<button class="code">Code </button>
</a>
<a href="https://ibrangrd.github.io/Simple-Calculator/" target="_blank"> <button class="code"> Live Demo </button>
</a>
</div>
</div>
</div>
Expand Down
60 changes: 35 additions & 25 deletions project.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,57 +23,64 @@ <h1>WELCOME TO MY PORTFOLIO</h1>
<div>
<h1 id="heading"> MY PROJECTS</h1>
</div>


<div class="Projects">
<div class="pro">
<div> <a href="#"> <img class="proimg" src="qr.png"></a> </div>
<div> <a href="https://ibrangrd.github.io/Fit-mania-/"><img class="proimg" src="gym.png"></a> </div>
<div class="abtpro">
<div class="info">
<div class="head">
<h2> QR WEDS</h2>
<h2> Fit mania </h2>
</div>
<div class="para">
<p>
I helped develop QR Weds, a wedding planning website built with a team. We created a
user-friendly
platform to simplify wedding planning. The website features a modern design, wedding
checklist, and
QR code sharing. I contributed to [insert your specific contributions]. QR Weds showcases
our team's
technical skills and collaboration.</p>
This project, made with my teammate, is a user-friendly gym website designed specifically
for beginners. The site features a clean and intuitive layout, making it easy to navigate
for users of all fitness levels. Key sections include a welcoming hero header with a
motivational call-to-action, an about section introducing the gym and its mission, detailed
workout plans and guides and a sign-ups form .

</p>
</div>
</div>
<div class="dc">
<button class="code">Code </button>
<button class="code"> Live Demo </button>
<a href="https://github.com/Ibrangrd/Fit-mania-">
<button class="code">Code </button>
</a>
<a href="https://ibrangrd.github.io/Fit-mania-/"> <button class="code"> Live Demo </button>
</a>
</div>
</div>
</div>
</div>
<br>
<br>

<div class="Projects">
<div class="pro">
<div> <a href="https://ibrangrd.github.io/Fit-mania-/"><img class="proimg" src="gym.png"></a> </div>
<div> <a href=""> <img class="proimg" src="qr.png"></a> </div>
<div class="abtpro">
<div class="info">
<div class="head">
<h2> Fit mania </h2>
<h2> QR WEDS</h2>
</div>
<div class="para">
<p>
This project, made with my teammate, is a user-friendly gym website designed specifically
for beginners. The site features a clean and intuitive layout, making it easy to navigate
for users of all fitness levels. Key sections include a welcoming hero header with a
motivational call-to-action, an about section introducing the gym and its mission, detailed
workout plans and guides and a sign-ups form .

</p>
I helped develop QR Weds, a wedding planning website built with a team. We created a
user-friendly
platform to simplify wedding planning. The website features a modern design, wedding
checklist, and
QR code sharing. I contributed to [insert your specific contributions]. QR Weds showcases
our team's
technical skills and collaboration.</p>
</div>
</div>
<div class="dc">
<button class="code">Code </button>
<button class="code"> Live Demo </button>
<a href="https://github.com/Ibrangrd/qr-wed">
<button class="code">Code </button>
</a>
<a href="https://ibrangrd.github.io/qr-weds/"> <button class="code"> Live Demo </button>
</a>
</div>
</div>
</div>
Expand All @@ -98,8 +105,11 @@ <h2>SIMPLE CALCULATOR</h2>
</div>
</div>
<div class="dc">
<button class="code">Code </button>
<button class="code"> Live Demo </button>
<a href="https://github.com/Ibrangrd/Simple-Calculator">
<button class="code">Code </button>
</a>
<a href="https://ibrangrd.github.io/Simple-Calculator/"> <button class="code"> Live Demo </button>
</a>
</div>
</div>
</div>
Expand Down
3 changes: 2 additions & 1 deletion style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -74,7 +74,7 @@ nav ul li a:hover{
width: 400px;
border-radius: 50%;
/* background-color: white; */
object-fit: cover;
object-fit: contain;
transform: 1s all ease;
transition-duration: 0.8s;
}
Expand All @@ -85,6 +85,7 @@ nav ul li a:hover{
position: absolute;
bottom: 30px;
left: 150px;
color: white;

}
#mypic:hover{
Expand Down

0 comments on commit 6be7497

Please sign in to comment.