Skip to content

Commit

Permalink
project div done
Browse files Browse the repository at this point in the history
  • Loading branch information
@bugzorc
bugzorc committed Feb 18, 2024
1 parent e70d714 commit 32a276f
Show file tree
Hide file tree
Showing 7 changed files with 119 additions and 14 deletions.
Binary file added icons/download.png
View file
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 icons/html5.png
View file
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 icons/star.png
View file
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/gifs/pfp.gif
View file
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/staticImages/huh.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
65 changes: 54 additions & 11 deletions index.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -294,22 +294,54 @@
padding-top: 10px;
}

.slider-itemOne {
.slider-itemOne, .slider-itemTwo {
display: flex;
justify-content: center;
background-color: #222427;
min-height: 230px;
min-width: 45%;
height: 210px;
width: 47%;
padding: 16px;
padding-left: 0%;
border-radius: 8px;
overflow: hidden;
}

.slider-itemTwo {
background-color: #222427;
min-height: 230px;
min-width: 49%;
padding: 16px;
padding-right: 0%;
border-radius: 8px;
.projectDesc {
width: 93%;
overflow: hidden;
border-radius: 0%;
}

.projectHeader, .projectDescripition, .projectStats, .projectDescription {
display: flex;
flex-direction: row;
}

.programmingClass {
display: flex;
flex-direction: row;
align-items: center;
}

.programmingClass img, .githubStars img, .download img {
height: 22px;
width: 22px;
}

.projectLogo {
display: flex;
align-items: center;
}

.projectLogo img {
height: 100px;
width: 100px;
border-radius: 0 0 50px 50px;
}

.projectStats {
display: flex;
justify-content: space-between;
}
/*end*/
/*footer and copyright*/
Expand Down Expand Up @@ -408,7 +440,12 @@
/*end*/

/*community css blocks end*/

/*header css*/
.header {
padding: 0;
margin-bottom: 0;
}
/*end*/
/*whoami div css*/
.whoamiDiv {
height: auto;
Expand Down Expand Up @@ -449,4 +486,10 @@ p.normal {
margin: 4px;
}
/*end*/
/*project*/
.slider-itemOne, .slider-itemTwo {
height: 230px;
padding: 10px;
}
/*end*/
}
68 changes: 65 additions & 3 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@
<div class="header">
<div class="logo-and-portfolioName">
<div class="logo">
<img src="icons/logo.png" alt="Bugzorc's logo">
<img src="images/gifs/pfp.gif" alt="Bugzorc's logo">
</div>
<div class="portfolioName">
<p>BUGZORC'S SPACE</P>
Expand Down Expand Up @@ -150,8 +150,70 @@
<b><P class="p">Latest Projects</P></b>
</div>
<div class="slideprojects">
<div class="slider-itemOne">Project 1</div>
<div class="slider-itemTwo">Project 2</div>
<div class="slider-itemOne">
<div class="projectDesc">
<div class="projectHeader">
<div class="programmingClass">
<img src="icons/html5.png">
</div>
<div class="projectname">
<p>UMM, NO PROJECT...</p>
</div>
</div>
<div class="projectDescription">
<div class="projectDetails">
<p>I'm busy deciphering the language of cats; it's proving to be quite the
challenge, but no pressure just bump me on my DMs sayin': "Lazy puck, wake up!"
</p>
</div>
<div class="projectLogo">
<img src="images/staticImages/huh.png">
</div>
</div>
<div class="projectStats">
<div class="pStats">
<div class="githubStars">
<img src="icons/star.png">
</div>
</div>
<div class="download">
<img src="icons/download.png">
</div>
</div>
</div>
</div>
<div class="slider-itemTwo">
<div class="projectDesc">
<div class="projectHeader">
<div class="programmingClass">
<img src="icons/html5.png">
</div>
<div class="projectname">
<p>UMM, NO PROJECT...</p>
</div>
</div>
<div class="projectDescription">
<div class="projectDetails">
<p>I'm busy deciphering the language of cats; it's proving to be quite the
challenge, but no pressure just bump me on my DMs sayin': "Lazy puck, wake up!"
</p>
</div>
<div class="projectLogo">
<img src="images/staticImages/huh.png">
</div>
</div>
<div class="projectStats">
<div class="pStats">
<div class="githubStars">
<img src="icons/star.png">
</div>
</div>
<div class="download">
<img src="icons/download.png">
</div>
</div>
</div>
</div>
</div>
</div>
<!--end-->
Expand Down

0 comments on commit 32a276f

Please sign in to comment.