Skip to content

Commit

Permalink
Merge pull request #50 from rbjks/main
Browse files Browse the repository at this point in the history 
Fixed Activites and Contact page for deployment
  • Loading branch information
@adityaraute
adityaraute authored May 3, 2023
2 parents 8ea88d8 + affdfce commit c072b4a
Show file tree
Hide file tree
Showing 6 changed files with 445 additions and 354 deletions.
52 changes: 43 additions & 9 deletions activities.html
View file
Original file line number Diff line number Diff line change
@@ -1,34 +1,68 @@
<!DOCTYPE html>
<html lang ="en">
<html lang="en">

<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">
<title>RBJKS::Activities</title>
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<link rel="stylesheet" type="text/css" href="assets/css/activities.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

</head>

<body>
<div class="activities">
<div id="navbar">
<nav>
<img class="logo" alt="RBJKS LOGO" src="https://assets.msn.com/weathermapdata/1/static/svg/72/v6/card/Haze.svg" />
<ul>
<!-- <li></li> -->
<li><a class="translate" href="/" aria-label="होम">Home</a></li>
<li><a class="translate" href="/activities.html" target="_self" aria-label="प्रयास">Activities</a></li>
<li><a class="translate" href="/contact.html" target="_self" aria-label="सम्पर्क करें">Contact Us</a></li>
<li><a class="translate" href="#" aria-label="Read in English" onclick="changelanguage()">हिन्दी में देखिये</a></li>
</ul>
<a href="javascript:void(0);" class="icon" onclick="toggleMobileNav()">
<i class="fa fa-bars"></i>
</a>

</nav>
<ul class="mobileNav">
<li><a class="translate" href="/" aria-label="होम">Home</a></li>
<li><a class="translate" href="/activities.html" target="_self" aria-label="प्रयास">Activities</a></li>
<li><a class="translate" href="/contact.html" target="_self" aria-label="सम्पर्क करें">Contact Us</a></li>
<li><a class="translate" href="#" aria-label="Read in English" onclick="changelanguage()">हिन्दी में देखिये</a></li>

</ul>
</div>
<div class = "activities1">

<div class="activities">
<h3>Activities</h3>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Et quo amet deleniti labore
deserunt, ab nihil ducimus laboriosam! Magnam et, totam, nesciunt debitis qui quas dolor
nihil quae illum aliquid ullam perferendis quibusdam ab sint, hic vero consequatur
repudiandae. Possimus odio debitis earum aut sunt temporibus tenetur et itaque quae!</p>
<div class="twitter-activities">
<a class="twitter-timeline" data-width="500" data-height="500" href="https://twitter.com/a_bsays?ref_src=twsrc%5Etfw">Tweets by a_bsays</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> </div>
</div>

<div class="footer">
<footer>
<section class="about flex-col">
<img class="logo" alt="RBJKS LOGO" src="https://assets.msn.com/weathermapdata/1/static/svg/72/v6/card/Haze.svg" />
<p class="about--address">PO Jassur, Tehsil - Nurpur, District - Kangra, HP, 176201.</p>
<p class="about--contact"><img src="./assets/images/phone.svg" alt="phone" /> +91 - 9418151074 / 8675300009</p>
<p class="about--mail"><img src="./assets/images/mail.svg" alt="email" /> [email protected]</p>
</section>
<section class="social-media-icons flex-col">
<p>Contact Us</p>
<div class="icons">
<a href="https://twitter.com/a_bsays" target="_blank"><img src="./assets/images/twitter.svg" alt="twitter"></a>
<!-- <a href="#" target="_blank"><img src="./assets/images/instagram.svg" alt="instagram"></a> -->
<a href="https://www.facebook.com/akil.bakhshi/" target="_blank"><img src="./assets/images/facebook.svg" alt="facebook"></a>

</div>
</section>
</footer>
</div>
</div>
</body>
<script src = "script/main.js"></script>
<script src="script/main.js"></script>

</html>
19 changes: 19 additions & 0 deletions assets/css/activities.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@

.activities {
background-color: #EDC9AF;
padding-top: 5%;
/*
display: flex;
flex-direction: column;
justify-content: space-between; */
height: 100vh;
}
.activities h3{
text-align: center;
margin-bottom: 5%;

}
.twitter-activities * {
margin:auto;
}

181 changes: 181 additions & 0 deletions assets/css/contact.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,181 @@
body{
background-color: #EDC9AF;
}

.contact-page{
text-align: center;
height: 80vh;
}

/* contact.html CSS starts here */
.contact {
background-color: #EDC9AF;
display: flex;
flex-direction: column;
/* justify-content: space-evenly; */
align-items: center;
height: 100vh;
}

.container {
width: 85%;
background: #fff;
border-radius: 6px;
padding: 20px 60px 30px 40px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
margin-top: 80px;
position: relative;
height: 50vh;
}

.container .content {
display: flex;
align-items: center;
justify-content: space-between;
}

.container .content .left-side {
width: 25%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-top: 15px;
position: relative;
}

.content .left-side::before {
content: '';
position: absolute;
height: 70%;
width: 2px;
right: -15px;
top: 50%;
transform: translateY(-50%);
background: #afafb6;
}

.content .left-side .details {
margin: 14px;
text-align: center;
}

.content .left-side .details i {
font-size: 30px;
color: #3e2093;
margin-bottom: 10px;
}

.content .left-side .details .topic {
font-size: 18px;
font-weight: 500;
}

.content .left-side .details .text-one,
.content .left-side .details .text-two {
font-size: 14px;
color: #afafb6;
}

.container .content .right-side {
width: 75%;
margin-left: 75px;
}

.content .right-side .topic-text {
font-size: 23px;
font-weight: 600;
color: #1e1c21;
}

.right-side .input-box {
height: 50px;
width: 100%;
margin: 12px 0;
}

.right-side .input-box input,
.right-side .input-box textarea {
height: 100%;
width: 100%;
border: none;
outline: none;
font-size: 16px;
background: #F0F1F8;
border-radius: 6px;
padding: 0 15px;
resize: none;
}

.right-side .message-box {
min-height: 110px;
}

.right-side .input-box textarea {
padding-top: 6px;
}

.right-side .button {
display: inline-block;
margin-top: 12px;
}

.right-side .button input[type="button"] {
color: #fff;
font-size: 18px;
outline: none;
border: none;
padding: 8px 16px;
border-radius: 6px;
background: #3e2093;
cursor: pointer;
transition: all 0.3s ease;
}

.button input[type="button"]:hover {
background: #5029bc;
}

@media (max-width: 950px) {
.container {
width: 90%;
padding: 30px 40px 40px 35px;
}

.container .content .right-side {
width: 75%;
margin-left: 55px;
}

}

@media (max-width: 820px) {
.container {
margin: 40px 0;
height: 100%;
}

.container .content {
flex-direction: column-reverse;
}

.container .content .left-side {
width: 100%;
flex-direction: row;
margin-top: 40px;
justify-content: center;
flex-wrap: wrap;
}

.container .content .left-side::before {
display: none;
}

.container .content .right-side {
width: 100%;
margin-left: 0;
}


}
Loading

0 comments on commit c072b4a

Please sign in to comment.