diff --git a/promo.html b/promo.html
new file mode 100644
index 0000000000000000000000000000000000000000..cd6ff25ff9299879865b0d7756a01f967048d58d
--- /dev/null
+++ b/promo.html
@@ -0,0 +1,90 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="x-ua-compatible" content="ie=edge">
+ <title>Free Software Camp Promotion</title>
+ <meta name="description" content="">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
+ <link rel="apple-touch-icon" href="/apple-touch-icon.png">
+ <!-- Place favicon.ico in the root directory -->
+ <link rel="stylesheet" href="https://tools-static.wmflabs.org/cdnjs/ajax/libs/font-awesome/5.14.0/css/all.css" crossorigin="anonymous" />
+ </head>
+ <body>
+ <main>
+ <div class="nav-container">
+ <nav>
+ <div class="logo">
+ <a href="index.html">Free Software <span style="color:#469198">Camp</span></a>
+ </div>
+ <input type="checkbox" id="chk">
+ <label for="chk" class="show-menu-btn" style="align-items:center;">
+ <i class="nav-icon fas fa-bars"></i>
+ </label>
+ <ul class="menu">
+ <li><a href="index.html#about">About</a></li>
+ <li><a href="coc.html">Code of Conduct</a></li>
+ <li><a href="sched.html">Schedule</a></li>
+ <li><a href="index.html#contact">Contact</a></li>
+ <div class="dropdown cta">
+ <button onclick="myFunction()" class="dropbtn">Apply</button>
+ <div id="myDropdown" class="dropdown-content" style="padding: 5px;">
+ <button style="padding: 0px;"><a href='learners.html'>As Learner</a></button>
+ <button style="padding: 0px;"><a href='mentors.html'>As Mentor</a></button>
+ </div>
+ </div>
+ <label for="chk" class="hide-menu-btn"><i class="nav-icon fas fa-times"></i></label>
+ </ul>
+ </nav>
+ </div>
+
+ <script>
+ function myFunction() {
+ document.getElementById("myDropdown").classList.toggle("show");
+ }
+ function myFunctionnav() {
+ document.getElementById("myDropdownnav").classList.toggle("show");
+ }
+ window.onclick = function(event) {
+ if (!event.target.matches('.dropbtn')) {
+ var dropdowns = document.getElementsByClassName("dropdown-content");
+ var i;
+ for (i = 0; i < dropdowns.length; i++) {
+ var openDropdown = dropdowns[i];
+ if (openDropdown.classList.contains('show')) {
+ openDropdown.classList.remove('show');
+ }
+ }
+ }
+ }
+ </script>
+ <div class="container">
+ <section id="coc" class="presentation">
+ <div>
+ <h1 class="heading">Free Software Camp Promotional Materials</h1>
+ <div id="promo">
+ <h2>Posters</h2>
+ <div class="promo-item">
+ <img src="Posters/FSFCamp.png" alt="FSCamp Launch Poster">
+ <div class="download">
+ <a class="button" href="/Posters/FSFCamp.png" download>Download PNG</a>
+ <a class="button" href="/Posters/FSFCamp_V2.0.svg" download>Download SVG</a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </section>
+ </div>
+ <footer>
+ <div class="footer-icon-row ">
+ <h1>Organised By</h1>
+ <a href="https://fsci.in"><img height="50px" src="assets/img/fsci_logo.png" alt="Logo of FSCI" /></a>
+ <a href="https://fsf.org.in"><img height="50px" src="https://fsf.org.in/assets/img/logo.png" alt="Logo of FSF" /></a>
+ </div>
+ <h3 style="text-align: center; font-weight: 400">Free Software Camp <a style="color: inherit;" href="privacy.html">Privacy Policy</a></h3>
+ <p style="text-align: center;">Made with <span style="color: #e25555;">♥</span> All original content is licensed under a free/libre copyleft license (GPL or CC BY-SA)</p>
+ </footer>
+ </main>
+ </body>
+</html>
diff --git a/style.css b/style.css
index 5c6bd50c1c468f47825ce04017af3e48b3b047e2..2d02daef875a614d70230071c140311d8f59b50f 100644
--- a/style.css
+++ b/style.css
@@ -181,7 +181,7 @@ nav{
display: flex;
padding: 20px 0px 50px 0px;
}
-.cta button, .deco-box button{
+.cta button, .deco-box button, .button{
border: solid 3px #468c9f ;
background-color: white;
font-size: 15px;
@@ -190,7 +190,7 @@ nav{
cursor: pointer;
}
-.cta button a, .deco-box button a{
+.cta button a, .deco-box button a, .button{
text-decoration: none;
color: inherit;
}
@@ -413,6 +413,13 @@ img{
#coc ul{
padding-left: 40px;
}
+.promo-item{
+ margin: 12px 0 48px;
+}
+.download{
+ margin: 12px auto 24px;
+ text-align: center;
+}
footer{
min-width: 40vh;
background-color: #55AEE1;