Skip to content

Commit

Permalink
git repo
Browse files Browse the repository at this point in the history
  • Loading branch information
@ZeyadMNagi
ZeyadMNagi committed Feb 17, 2024
1 parent 3f795cb commit 0f19296
Show file tree
Hide file tree
Showing 5 changed files with 177 additions and 104 deletions.
Binary file added images/WhatsApp Image 2024-02-17 at 10.06.59_251c8869.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.
205 changes: 104 additions & 101 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -86,111 +86,114 @@ <h4 style="padding: 10px 0 10px 0; z-index: 4">
<center>
<h2 class="jname">MY PROTFOLIO</h2>
<h5 style="padding: 15px">I have done alot of projects</h5>
<div class="p1">
<div
class="card crd1"
onclick="window.location.href='./projects/index.html'"
>
<img
src="images/projects/images/مناهضة-التدخين.png"
alt="vs smoking project"
class="project"
/>
<h3>VS Smoking Project</h3>
</div>
<div
class="card crd2"
onclick="window.location.href='./projects/index.html'"
>
<img
src="images/projects/images/X-0.png"
alt="X-0 game"
class="project"
/>
<h3>X-O game</h3>
</div>
<div
class="card crd3"
onclick="window.location.href='./projects/index.html'"
>
<img
src="images/projects/images/Language-Translator-CodingNepal.png"
alt="language translator"
class="project"
/>
<h3>Language Translator App</h3>
</div>
</div>
<div class="p2">
<div
class="card crd4"
onclick="window.location.href='./projects/index.html'"
>
<img
src="images/projects/images/apple.png"
alt="iphone 13 pro project"
class="project"
/>
<h3>Apple IPhone 13 Pro Project</h3>
</div>
<div
class="card crd5"
onclick="window.location.href='./projects/index.html'"
>
<img
src="images/projects/images/cruds.png"
alt="CRUD APP"
class="project"
/>
<h3>CRUD Application (Create, Read, Update, Delete)</h3>
</div>
<div
class="card crd6"
onclick="window.location.href='./projects/index.html'"
>
<img
src="images/projects/images/fighter.png"
alt="fighter game"
class="project"
/>
<h3>Fighter Game - A simple fighter game made using pureJS.</h3>
</div>
</div>
<div class="p3">
<div
class="card crd7"
onclick="window.location.href='./projects/index.html'"
>
<img
src="images/projects/images/t0_d0-app.png"
alt="T0D0 app"
class="project"
/>
<h3>T0D0 App.</h3>
<div class="p">
<div class="p1">
<div
class="card crd1"
onclick="window.location.href='./projects/index.html'"
>
<img
src="images/projects/images/مناهضة-التدخين.png"
alt="vs smoking project"
class="project"
/>
<h3>VS Smoking Project</h3>
</div>
<div
class="card crd2"
onclick="window.location.href='./projects/index.html'"
>
<img
src="images/projects/images/X-0.png"
alt="X-0 game"
class="project"
/>
<h3>X-O game</h3>
</div>
<div
class="card crd3"
onclick="window.location.href='./projects/index.html'"
>
<img
src="images/projects/images/Language-Translator-CodingNepal.png"
alt="language translator"
class="project"
/>
<h3>Language Translator App</h3>
</div>
</div>
<div
class="card crd8"
onclick="window.location.href='./projects/index.html'"
>
<img
src="images/projects/images/balance.png"
alt="bank balance"
class="project"
/>
<h3>Bank Balance Calculator.</h3>
<div class="p2">
<div
class="card crd4"
onclick="window.location.href='./projects/index.html'"
>
<img
src="images/projects/images/apple.png"
alt="iphone 13 pro project"
class="project"
/>
<h3>Apple IPhone 13 Pro Project</h3>
</div>
<div
class="card crd5"
onclick="window.location.href='./projects/index.html'"
>
<img
src="images/projects/images/cruds.png"
alt="CRUD APP"
class="project"
/>
<h3>CRUD Application (Create, Read, Update, Delete)</h3>
</div>
<div
class="card crd6"
onclick="window.location.href='./projects/index.html'"
>
<img
src="images/projects/images/fighter.png"
alt="fighter game"
class="project"
/>
<h3>Fighter Game - A simple fighter game made using pureJS.</h3>
</div>
</div>
<div
class="card crd9"
onclick="window.location.href='./projects/index.html'"
>
<img
src="images/projects/images/photoie.png"
alt="photo editor project"
class="project"
/>
<h3>Photo Editor Project.</h3>
<div class="p3">
<div
class="card crd7"
onclick="window.location.href='./projects/index.html'"
>
<img
src="images/projects/images/t0_d0-app.png"
alt="T0D0 app"
class="project"
/>
<h3>T0D0 App.</h3>
</div>
<div
class="card crd8"
onclick="window.location.href='./projects/index.html'"
>
<img
src="images/projects/images/balance.png"
alt="bank balance"
class="project"
/>
<h3>Bank Balance Calculator.</h3>
</div>
<div
class="card crd9"
onclick="window.location.href='./projects/index.html'"
>
<img
src="images/projects/images/photoie.png"
alt="photo editor project"
class="project"
/>
<h3>Photo Editor Project.</h3>
</div>
</div>
</div>

<h2 class="jname">these are some of my projects</h2>
</center>
</section>
Expand Down
49 changes: 49 additions & 0 deletions projects/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -49,6 +49,13 @@ <h3 class="details">
Anti-Smoking Group' to spread awareness about the dangers of
smoking.
</h3>
<center>
<button>
<a href="https://github.com/ZeyadMNagi/vs-smoking"
>GITHUB repo.</a
>
</button>
</center>
</div>
<div class="imgGallary">
<img
Expand All @@ -68,6 +75,11 @@ <h3 class="details">
Although this project was not particularly challenging, it was still
a valuable exercise in honing my skills.
</h3>
<center>
<button>
<a href="https://github.com/ZeyadMNagi/xogame">GITHUB repo.</a>
</button>
</center>
</div>
<div class="imgGallary">
<img src="../images/projects/images/X-0.png" alt="game image" />
Expand All @@ -91,6 +103,13 @@ <h3 class="details">
It was a moderately challenging project, but it helped me to develop
my skills."
</h3>
<center>
<button>
<a href="https://github.com/ZeyadMNagi/translator"
>GITHUB repo.</a
>
</button>
</center>
</div>
<div class="imgGallary">
<img
Expand All @@ -113,6 +132,11 @@ <h3 class="details">
I am pleased to report that the task was accomplished with ease, and
I am confident that the final output meets the expected standards.
</h3>
<center>
<button>
<a href="https://github.com/ZeyadMNagi/apple">GITHUB repo.</a>
</button>
</center>
</div>
<div class="imgGallary">
<img src="../images/projects/images/apple.png" alt="phone image" />
Expand All @@ -139,6 +163,11 @@ <h3 class="details">
difficulty of this project, I was able to successfully deliver a
quality application.
</h3>
<center>
<button>
<a href="https://github.com/ZeyadMNagi/curds">GITHUB repo.</a>
</button>
</center>
</div>
<div class="imgGallary">
<img src="../images/projects/images/cruds.png" alt="CRUD Image" />
Expand Down Expand Up @@ -166,6 +195,11 @@ <h3 class="details">
The project has become a source of entertainment for my family and
me.
</h3>
<center>
<button>
<a href="https://github.com/ZeyadMNagi/temp">GITHUB repo.</a>
</button>
</center>
</div>
<div class="imgGallary">
<img
Expand Down Expand Up @@ -193,6 +227,11 @@ <h3 class="details">
project you can add install they you to do for today and you can
check them over to the them or add more or set time for them
</h3>
<center>
<button>
<a href="https://github.com/ZeyadMNagi/todo">GITHUB repo.</a>
</button>
</center>
</div>
<div class="imgGallary">
<img
Expand All @@ -212,6 +251,11 @@ <h3 class="details">
The implementation of these technologies ensured that the calculator
was both user-friendly and efficient.
</h3>
<center>
<button>
<a href="https://github.com/ZeyadMNagi/bank">GITHUB repo.</a>
</button>
</center>
</div>
<div class="imgGallary">
<img
Expand All @@ -234,6 +278,11 @@ <h3 class="details">
options.<br />
Finally, I was able to successfully save the edited image.
</h3>
<center>
<button>
<a href="https://github.com/ZeyadMNagi/photoie">GITHUB repo.</a>
</button>
</center>
</div>
<div class="imgGallary">
<img src="../images/projects/images/photoie.png" alt="photoie App" />
Expand Down
16 changes: 14 additions & 2 deletions projects/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -58,7 +58,10 @@ section {
justify-content: space-between;
text-align: justify;
}
.crd2,.crd4,.crd6,.crd8{
.crd2,
.crd4,
.crd6,
.crd8 {
background: #000011;
border-radius: 25px;
}
Expand All @@ -81,6 +84,16 @@ video {
align-items: flex-end;
flex-direction: column;
}
button {
padding: 7px;
border-radius: 15px;
margin: 10px;
font-size: 18px;
}
button a {
color: #212121;
text-decoration: none;
}
@media screen and (max-width: 960px) {
.container {
box-sizing: border-box;
Expand Down Expand Up @@ -108,7 +121,6 @@ video {
.crd1 {
padding: 150px 30px !important;
}

}
.projectName {
font-family: "Abril Fatface", serif;
Expand Down
11 changes: 10 additions & 1 deletion style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -348,7 +348,6 @@ input,
box-sizing: border-box;
}
nav {
flex-direction: column;
gap: 30px;
}
nav a {
Expand Down Expand Up @@ -376,6 +375,8 @@ input,
flex-wrap: wrap;
}
.icon {
background: #ffffff49;
padding: 50px;
text-align: justify;
font-stretch: extra-condensed;
font-size: x-small;
Expand All @@ -387,7 +388,15 @@ input,
display: none !important;
}
.start {
background: url(./images/WhatsApp\ Image\ 2024-02-17\ at\ 10.06.59_251c8869.jpg)
no-repeat 55% 20% fixed;
background-size: 100%;
padding: 150px 20px !important;
flex-wrap: wrap;
}
}
@media screen and (max-width: 600px) {
nav {
flex-direction: column;
}
}

0 comments on commit 0f19296

Please sign in to comment.