Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

update #41

Closed
wants to merge 4 commits into from
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
158 changes: 0 additions & 158 deletions css/style.css

This file was deleted.

80 changes: 72 additions & 8 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,14 +2,17 @@
<html lang="en" data-theme="light">

<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./css/style.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet" />

<link herf="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<link herf="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" rel="">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
<title>Master web development</title>
</head>

Expand All @@ -19,7 +22,7 @@
<!-- <img src="./assets/image/110831_moon_icon.svg" alt="" srcset=""> -->
<button id="toggle-mode-btn">
<svg xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" viewBox="0 0 20 20" fill="currentColor">
<path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z" />
<path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z">
</svg>
</button>

Expand Down Expand Up @@ -209,6 +212,67 @@ <h3 class="card-heading">Tic Tac Toe</h3>
</a>
</div>
</section>
<footer id="footer" class="footer">

<div class="container">
<div class="row gy-4">
<div class="col-lg-5 col-md-12 footer-info">
<a href="https://master-web-development.netlify.app/" class="logo align-items-center" >
<span>Master Web Development</span>
</a>
<p class="mt-2">Learn to code by building projects.<br>Web development is the work involved in developing a website for the Internet or an intranet. Web development can range from developing a simple single static page of plain text to complex web applications, electronic businesses, and social network services.</p>
<div class="social-links d-flex mt-4">
<a href="#" class="facebook"><i class="bi bi-facebook"></i></a>
<a href="#" class="instagram"><i class="bi bi-instagram"></i></a>
<a href="#" class="linkedin"><i class="bi bi-linkedin"></i></a>
<a href="https://github.com/iamrahulmahato/master-web-development" class="linkedin"><i class="bi bi-github"></i></a>
</div>
</div>

<div class="col-lg-2 col-6 footer-links">
<h4>Useful Links</h4>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Terms of service</a></li>
<li><a href="#">Privacy policy</a></li>
</ul>
</div>

<div class="col-lg-2 col-6 footer-links">
<h4>Some project</h4>
<ul>
<li><a href="./projects/Linktree clone/index.html">Linktree Clone</a></li>
<li><a href="./projects/Storybazzi/index.html">Storybazzi</a></li>
<li><a href="./projects/Snake Game/index.html">Snake Game</a></li>
<li><a href="./projects/random user generator/index.html">Random User Generator</a></li>
<li><a href="./projects/Todo List/index.html">Todo list</a></li>
</ul>
</div>

<div class="col-lg-3 col-md-12 footer-contact text-center text-md-start">
<h4>Contact Us</h4>
<p>
Sector - 18<br> Near bonatical garden
Uttar Pradesh <br>
<strong>Phone:</strong> 123456789<br>
<strong>Email:</strong> [email protected]<br>
</p>
</div>
</div>
</div>

<div class="container mt-4">
<div class="copyright">
&copy; Copyright <strong><span>Master Web Development</span></strong>. All Rights Reserved
</div>
<div class="credits">
Contribute by <a href="https://www.linkedin.com/in/shakti12/">Shakti Singh</a>
</div>
</div>

</footer>
<script src="./js/app.js"></script>
</body>

Expand Down
125 changes: 124 additions & 1 deletion projects/Storybazzi/css/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,11 @@ body {
color: #696c6d;
font-size: 14px;
}

:root {

--color-primary: #0f0f0f;
--color-secondary: #f85a40;
}
p, .paragraph {
font-weight: 400;
color: #696c6d;
Expand Down Expand Up @@ -1158,3 +1162,122 @@ a:hover {
display: block;
}
/*# sourceMappingURL=style.css.map */
.footer {
font-size: 14px;
background-color: var(--color-primary);
padding: 50px 0;
color: white;
}

.footer .footer-info .logo {
line-height: 0;
margin-bottom: 25px;
text-decoration: none;
}

.footer .footer-info .logo img {
max-height: 40px;
margin-right: 6px;
}

.footer .footer-info .logo span {
font-size: 30px;
font-weight: 500;
color: #fff;
font-family: var(--font-primary);

}

.footer .footer-info p {
font-size: 14px;
font-family:white;
font-family: "Open Sans", sans-serif;
color: #fff;
}

.footer .social-links a {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid rgba(0, 0, 0, 0.2);
font-size: 16px;
margin-right: 10px;
transition: 0.3s;
color: #fff;
}

.footer .social-links a:hover {
color: #fff;
border-color: #fff;
}

.footer h4 {
font-size: 16px;
font-weight: bold;
position: relative;
padding-bottom: 12px;
color: #fff;
}

.footer .footer-links {
margin-bottom: 30px;
}

.footer .footer-links ul {
list-style: none;
padding: 0px;
margin:auto;
}

.footer .footer-links ul i {
padding-right: 2px;
color: rgba(255, 255, 255, 0.8);
font-size: 12px;
line-height: 0;
}

.footer .footer-links ul li {
padding: 10px 0;
display: flex;
align-items:center;
}

.footer .footer-links ul li:first-child {
padding-top: 0;
}

.footer .footer-links ul a {
color: #fff;
transition: 0.3s;
display: inline-block;
text-decoration: none;
line-height: 1;
}

.footer .footer-links ul a:hover {
color: #fff;
}

.footer .footer-contact p {
line-height: 26px;
color: #fff;
}

.footer .copyright {
text-align: center;
}

.footer .credits {
padding-top: 4px;
text-align: center;
font-size: 13px;
color: #fff;

}

.footer .credits a {
color: #fff;
}
Loading