Skip to content

Commit

Permalink
More Upgradations
Browse files Browse the repository at this point in the history
  • Loading branch information
Mohammed Sadique committed Feb 19, 2024
1 parent 837fd0e commit de695ef
Show file tree
Hide file tree
Showing 5 changed files with 39 additions and 52 deletions.
23 changes: 16 additions & 7 deletions css/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -150,21 +150,18 @@ main>img {
}
}

.buttons-container a {
margin: 2px 1px 2px 0;
background-color: rgba(0, 0, 0, 0.8);
color: white;
}

.button {
padding: 5px;
margin-left: 2px;
margin: 2px 1px 2px 0;
background-color: rgb(17, 16, 16);
color: white;
border-image: linear-gradient( #F4426C, #9358F7, #4e86a5) 1;
border-width: 2px;
border-style: solid;
text-decoration: none;
display: inline-flex;
align-items: center;
vertical-align: top;
}

.button img {
Expand Down Expand Up @@ -198,6 +195,10 @@ section div {
margin: 15px;
font-family: 'Poppins';
font-weight: 300;

}
#btn {
position: relative;
}
#tech {
font-weight: 100;
Expand All @@ -211,4 +212,12 @@ section a{
color: var(--clr);
margin: 0;
padding: 0;
}
#demo {
margin-right: 5%;
}
#btn #code{
vertical-align: top;
padding: 0;
margin: 0;
}
68 changes: 23 additions & 45 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -81,74 +81,52 @@ <h1 class="name" id="about">Mohammed Sadique</h1><br>
</main>
<br>
<section>
<h5 id="projects">Feautured-Project</h5>
<h5 id="projects">Featured-Projects</h5>
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4">
<div>
<img src="pictures/Projects/Chinese Restaurant.webp" class="card-img-top">
<div class="card-text" id="project_detail">
<div id="Project_name">David Chu's China Bistro</div>
Chinese Restaurant website, A visually appealing responsive website.
Chinese Restaurant website, A visually appealing responsive design.
<br><br>
<span id="tech">
HTML/CSS - JS - Bootstrap
</span>
<br><br>
<a href="https://sadique982.github.io/Chinese-restaurant/" class="button" target="_blank">
<img src="pictures/Vector.png"width="15" height="15"> Live demo
</a>
<a href="https://github.com/Sadique982/Chinese-restaurant" target="_blank" id="code">
<img src="pictures/icons8-code-35.png">
</a>
<div id="btn">
<a href="https://sadique982.github.io/Chinese-restaurant/" class="button" target="_blank" id="demo">
<img src="pictures/Vector.png"width="15" height="15"> Live demo
</a>
<a href="https://github.com/Sadique982/Chinese-restaurant" target="_blank" id="code">
<img src="pictures/icons8-code-40.png" id="code">
</a>
</div>
</div>
</div>
<div>
<img src="pictures/Projects/Chinese Restaurant.webp" class="card-img-top">
<div class="card-text" id="project_detail">
<div id="Project_name">David Chu's China Bistro</div>
Chinese Restaurant website, A visually appealing responsive website.
<br><br>
<span id="tech">
HTML/CSS - JS - Bootstrap
</span>
<br><br>
<a href="https://sadique982.github.io/Chinese-restaurant/" class="button" target="_blank">
<img src="pictures/Vector.png"width="15" height="15"> Live demo
</a>
</div>
</div>
<div>
<img src="pictures/Projects/Chinese Restaurant.webp" class="card-img-top">
<div id="block" >
<img src="pictures/Projects/portfolio.webp" class="card-img-top">
<div class="card-text" id="project_detail">
<div id="Project_name">David Chu's China Bistro</div>
Chinese Restaurant website, A visually appealing responsive website.
<br><br>
<span id="tech">
HTML/CSS - JS - Bootstrap
</span>
<br><br>
<a href="https://sadique982.github.io/Chinese-restaurant/" class="button" target="_blank">
<img src="pictures/Vector.png"width="15" height="15"> Live demo
</a>
</div>
</div>
<div>
<img src="pictures/Projects/Chinese Restaurant.webp" class="card-img-top">
<div class="card-text" id="project_detail">
<div id="Project_name">David Chu's China Bistro</div>
Chinese Restaurant website, A visually appealing responsive website.
<div id="Project_name">My Portfolio Website</div>
Portfolio Website, to share about my work and my projects.
<br><br>
<span id="tech">
HTML/CSS - JS - Bootstrap
</span>
<br><br>
<a href="https://sadique982.github.io/Chinese-restaurant/" class="button" target="_blank">
<img src="pictures/Vector.png"width="15" height="15"> Live demo
</a>
<div id="btn">
<a href="https://sadique982.github.io/Chinese-restaurant/" class="button" target="_blank" id="demo">
<img src="pictures/Vector.png"width="15" height="15"> Live demo
</a>
<a href="https://github.com/Sadique982/Chinese-restaurant" target="_blank" id="code">
<img src="pictures/icons8-code-40.png" id="code">
</a>
</div>
</div>
</div>
</div>
</section>
<footer>
<a href="../sadique982.github.io/" style="text-align: right;" >&UpArrow; Go to the top</a>
<div class="text-center">&copy; Copyright Mohammed-Sadique 2024</div>
</footer>
</body>
Expand Down
Binary file removed pictures/Projects/portfolio (2).webp
View file
Binary file not shown.
Binary file modified pictures/Projects/portfolio.webp
View file
Binary file not shown.
Binary file added pictures/icons8-code-40.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.

0 comments on commit de695ef

Please sign in to comment.