nezumi/practice-html-css
1
0
Fork 0
mirror of https://github.com/Nezumi-2711/practice-html-css.git synced 2026-09-22 13:38:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add code HTML/CSS - 20230625

Browse Source
This commit is contained in:
Nezumi
2023-06-25 16:28:58 +07:00
parent 2e35febe68
commit 460afe843e
2 changed files with 83 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/style.css
+52
View File
@@ -429,3 +429,55 @@ header {
border-radius: 5rem; border-radius: 5rem;
font-size: 1rem; font-size: 1rem;
} }
.footer {
background-color: var(--text-dark);
}
.footer__container {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 5rem;
color: var(--secondary-color);
}
.footer__col h3 {
font-size: 1.5rem;
font-weight: 600;
margin-bottom: 2rem;
}
.footer__col h3 span {
color: var(--primary-color);
}
.footer__col p {
font-size: 0.8rem;
margin-bottom: 1rem;
cursor: pointer;
transition: 0.3s;
}
.footer__col p:hover {
color: var(--primary-color);
}
.footer__col p span {
font-weight: 600;
}
.footer__col h4 {
font-size: 1rem;
font-weight: 600;
margin-bottom: 2rem;
}
.footer__bar {
max-width: var(--max-width);
margin: auto;
padding: 0.5rem;
text-align: center;
font-size: 0.8rem;
color: var(--secondary-color);
border-top: 1px solid var(--text-light);
}
index.html
+31
View File
@@ -188,5 +188,36 @@
</div> </div>
</div> </div>
</section> </section>
<footer class="footer">
<div class="section__container footer__container">
<div class="footer__col">
<h3>Pathway<span>.</span></h3>
<p>
Explore your suitable and dream places around the world. Here you
can find your right destination.
</p>
</div>
<div class="footer__col">
<h4>Support</h4>
<p>FAQs</p>
<p>Term & Conditions</p>
<p>Privacy Policy</p>
<p>Contact Us</p>
</div>
<div class="footer__col">
<h4>Address</h4>
<p>
<span>Address:</span> 280 Wilson Street, Cima, California, 92323,
United States
</p>
<p><span>Email:</span> info@pathway.com</p>
<p><span>Phone:</span> +91 9876543210</p>
</div>
</div>
<div class="footer__bar">
Copyright &#64; 2023 Web Design Mastery. All rights reserved.
</div>
</footer>
</body> </body>
</html> </html>