Skip to content

Commit

Permalink
Navbar menu
Browse files Browse the repository at this point in the history
  • Loading branch information
Mohammed Sadique committed Feb 22, 2024
1 parent 44afab7 commit 9640837
Show file tree
Hide file tree
Showing 8 changed files with 48 additions and 18 deletions.
37 changes: 30 additions & 7 deletions css/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,26 +11,28 @@ html {

body {
--clr: white;
--bg-clr: black;
background-color: black;
color: var(--clr);
}

.light-mode {
--clr: black;
--bg-clr: white;
background-color: white;
color: var(--clr);
}

nav {
margin-top: 0;
font-family: 'Mulish', sans-serif;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #a5a5b0;
}
@media (max-width:767px) {

.list {
display: contents;
}
}

nav ol {
Expand All @@ -43,13 +45,35 @@ li a {
text-decoration: none;
color: var(--clr);
margin: 0;
background-image: linear-gradient(180deg, transparent 95%, var(--clr), var(--clr));
background-image: linear-gradient(180deg, transparent 95%, #a5a5b0 , #a5a5b0);
background-repeat: no-repeat;
background-size: 0 100%;
padding-bottom: 3px;
transition: background-size .3s;

}
.dropdown-menu {
background-color: var(--clr);
opacity: .5;
}
.dropdown-menu li {
margin: 0;
padding: 5px;
text-align: center;
transition: none;
}
.dropdown-menu li:hover {
background-color: #a5a5b0;
}
.dropdown-menu li a {
margin: 0;padding: 0;
color: var(--bg-clr);

background-image: none;
}
.dropdown-menu li a:hover {
background-color: #a5a5b0;
}

a:hover {
background-position-x: left;
Expand All @@ -70,8 +94,7 @@ a:hover {

.container {
display: flex;
justify-content: center;
align-items: self-end;
align-items: end;
cursor: pointer;
font-size: 20px;
fill: #a5a5b0;
Expand Down Expand Up @@ -115,7 +138,7 @@ a:hover {
main {
font-family: 'Poppins';
font-weight: 300;
margin-top: 4%;
margin-top: 5%;
padding-bottom: 3.5%;
border-bottom: 1px solid #a5a5b0;
}
Expand Down
28 changes: 18 additions & 10 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,8 +17,7 @@
<link rel="icon" href="pictures/MSlogo.png">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link rel="stylesheet" href="css/styles.css">
<script src="js/script.js"></script>
<link rel="stylesheet" href="css/styles.css">
</head>

<body>
Expand All @@ -29,7 +28,14 @@
<li><a href="../sadique982.github.io">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#contact">Contact</a></li>
<li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Contact with me!</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" target="_blank" href="https://www.linkedin.com/in/Mohammed-Sadique20">LinkedIn</a></li>
<li><a class="dropdown-item" target="_blank" href="https://www.github.com/sadique982">Github</a></li>
<li><a class="dropdown-item" target="_blank" href="https://twitter.com/sadique982">Twitter</a></li>
<li><a class="dropdown-item" target="_blank" href="mailto:[email protected]">Mail</a></li>
</ul>
</li>
<label class="container">
<input checked="checked" type="checkbox" onclick="BWmode()">
<svg viewBox="0 0 384 512" height="1em" xmlns="http://www.w3.org/2000/svg" class="moon">
Expand Down Expand Up @@ -84,7 +90,7 @@ <h1 class="name" id="about">Mohammed Sadique</h1><br>
<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">
<img src="pictures/Projects/Chinese Restaurant.webp" title="David Chu China Bistro" 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 design.
Expand All @@ -97,14 +103,14 @@ <h5 id="projects">Featured-Projects</h5>
<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 href="https://github.com/Sadique982/Chinese-restaurant" title="View Code" target="_blank" id="code">
<img src="pictures/icons8-code-45.png" id="code">
</a>
</div>
</div>
</div>
<div id="block" >
<img src="pictures/Projects/portfolio.webp" class="card-img-top">
<img src="pictures/Projects/portfolio.webp" title="Portfolio Website" class="card-img-top">
<div class="card-text" id="project_detail">
<div id="Project_name">My Portfolio Website</div>
Portfolio Website, to share about my work and my projects.
Expand All @@ -117,18 +123,20 @@ <h5 id="projects">Featured-Projects</h5>
<a href="https://sadique982.github.io/" class="button" target="_blank" id="demo">
<img src="pictures/Vector.png"width="15" height="15"> Live demo
</a>
<a href="https://github.com/Sadique982/sadique982.github.io" target="_blank" id="code">
<img src="pictures/icons8-code-40.png" id="code">
<a href="https://github.com/Sadique982/sadique982.github.io" title="View Code" target="_blank" id="code">
<img src="pictures/icons8-code-45.png" id="code">
</a>
</div>
</div>
</div>
</div>
</section>
<footer>
<a href="../sadique982.github.io/" style="text-align: right;" >&UpArrow; Go to top</a>
<a href="../sadique982.github.io/" style="text-align: right;">&UpArrow; Back to top</a>
<div class="text-center">&copy; Copyright Mohammed-Sadique 2024</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<script src="js/script.js"></script>
</body>

</html>
Binary file removed pictures/icons8-code-20.png
View file
Binary file not shown.
Binary file removed pictures/icons8-code-35.png
View file
Binary file not shown.
Binary file modified 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.
Binary file added pictures/icons8-code-45.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 removed pictures/icons8-code-48.png
View file
Binary file not shown.
1 change: 0 additions & 1 deletion pictures/no
View file

This file was deleted.

0 comments on commit 9640837

Please sign in to comment.