Added footer

pull/1228/head
Hrish-g 2 years ago
parent 8691ced4b4
commit ce143a9850

@ -1,37 +0,0 @@
# Translated lessons
We are currently working to revamp our translation process.
Please check back later for more information on how you can contribute to translations.
<!-- # Contribute by translating lessons
We welcome translations for the lessons in this curriculum!
## Guidelines
There are [**translations**](https://github.com/microsoft/Web-Dev-For-Beginners/tree/main/1-getting-started-lessons/1-intro-to-programming-languages/translations) folders which contain the translated markdown files.
> Note, please do not translate any code in the code sample files; the only things to translate are README, assignments, and quizzes. Thanks!
Translated files should follow this naming convention:
**README._[language]_.md**
where _[language]_ is a two letter language abbreviation following the ISO 639-1 standard (e.g. `README.es.md` for Spanish and `README.nl.md` for Dutch).
**assignment._[language]_.md**
Similar to Readme's, please translate the assignments as well.
**Quizzes**
1. Add your translation to the quiz-app by adding a file [here](https://github.com/microsoft/Web-Dev-For-Beginners/tree/main/quiz-app/src/assets/translations), with the proper naming convention (en.json, fr.json). **Please don't localize the words 'true' or 'false' however. thanks!**
2. Edit the quiz-app's [translations index.js file](https://github.com/microsoft/Web-Dev-For-Beginners/blob/main/quiz-app/src/assets/translations/index.js) to add your language.
3. Finally, edit ALL the quiz links in your translated README.md files to point directly to your translated quiz: https://ashy-river-0debb7803.1.azurestaticapps.net/quiz/1 becomes https://ashy-river-0debb7803.1.azurestaticapps.net/quiz/1?loc=id
**THANK YOU**
We truly appreciate your efforts! -->

2932
font-awesome.css vendored

File diff suppressed because it is too large Load Diff

@ -1,3 +1,56 @@
.app-nav ul li {
width: max-content;
}
}
/* footer */
.footer-columns{
display: flex;
justify-content: space-between;
width: 78vw;
margin-left: 22vw;
}
.column{
width:23vw;
}
.column h2,h3{
font-weight: 500;
font-size: 1.7rem;
}
.column ul {
margin-left: -2rem;
}
.footer{
width: 100vw;
display: flex;
justify-content: center;
background-color: #f7f7f7;
color: black;
padding: 20px;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media only screen and (max-width: 800px) {
.footer-columns{
margin-left: 10vw;
}
}
@media only screen and (max-width: 500px) {
.footer-columns{
flex-direction: column;
}
.column{
display: flex;
align-items: center;
flex-direction: column;
width: 80vw;
display:contents;
}
.column h3{
align-items: flex-start;
}
}

@ -9,6 +9,7 @@
<link rel="icon" type="image/png" href="images/favicon.png">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsify-themeable@0/dist/css/theme-simple.css">
<link rel="stylesheet" href="index.css">
<link rel="stylesheet" href="font-awesome.css">
</head>
<body>
<div id="app"></div>
@ -39,5 +40,44 @@
}
</script>
<script src="//cdn.jsdelivr.net/npm/docsify/lib/docsify.min.js"></script>
<div class="footer-columns">
<div class="column">
<h2>Web Development for Beginners</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In porta,
orci et sodales lacinia, velit elit varius lacus, nec ultrices orci
nisi sed massa.
</p>
</div>
<div class="column">
<div class="menu_column">
<h3>Menu</h3>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Privacy Policy</a></li>
</ul>
</div>
</div>
<div class="column">
<h3>Contact Us</h3>
<ul>
<li><i class="fa fa-envelope"></i>123@123.com</li>
<li><i class="fa fa-phone"></i>Phone: +1 000-000-0000</li>
</ul>
<div class="social-icons">
<a href="#" class="fa fa-facebook"></a>
<a href="#" class="fa fa-twitter"></a>
<a href="#" class="fa fa-linkedin"></a>
</div>
</div>
</div>
<footer class="footer">
<div class="copyright">
<p>© 2023 Copyright: Web Dev for Beginners</p>
</div>
</footer>
</body>
</html>

Loading…
Cancel
Save