Skip to content

Removed Achievements #4

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.

Sign up for GitHub

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

Open
manikantathota23 wants to merge 8 commits into
base: main
Choose a base branch
from
Open

Removed Achievements #4

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
290d870
Updated
manikantathota23 Jul 31, 2022
535ee94
Merge branch 'main' of https://github.com/manikantathota23/codeAtAmrita
manikantathota23 Jul 31, 2022
0d5b489
updated navbar
manikantathota23 Jul 31, 2022
bf10ee1
updated navbar
manikantathota23 Jul 31, 2022
ba6e7f3
updated achieve and events
manikantathota23 Jul 31, 2022
9149477
updated Upcoming events page
manikantathota23 Aug 1, 2022
cde77a1
updated achieve and events
manikantathota23 Aug 1, 2022
b7e08cf
Removed Achievements
manikantathota23 Aug 1, 2022
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
5 changes: 5 additions & 0 deletions .vscode/settings.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
{
"githubPullRequests.ignoredPullRequestBranches": [
"main"
]
}
2 changes: 2 additions & 0 deletions src/App.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@ import Navbar from './Components/Navbar';
import Members from './Pages/Members';
import Resources from './Pages/Resources';
import WhyUs from './Pages/WhyUs';
import Events from './Pages/Events';
import PagesNotFound from './Pages/PagesNotFound';

function App() {
Expand All @@ -19,6 +20,7 @@ function App() {
<Route exact path='/members' element={< Members />}></Route>
<Route exact path='/resources' element={< Resources />}></Route>
<Route exact path='/why' element={< WhyUs />}></Route>
<Route exact path='/upev' element={< Events />}></Route>
<Route path='*' element={<PagesNotFound />} />
</Routes>
</Router>
Expand Down
1 change: 0 additions & 1 deletion src/Components/Herosection.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,6 @@ import slash from '../svg/slash.svg'
function Herosection() {
return (
<div className='hero-container'>

<div className='svg-cont'>
<img src={openB} alt='codeat' className='openB' ></img>
<img src={codeat} alt='codeat' className='codeat' />
Expand Down
4 changes: 3 additions & 1 deletion src/Components/Navbar.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,6 @@ function Navbar() {
<nav className="navbar navbar-dark navbar-expand-md bg-dark text-capitalize fs-5 fw-normal custom-header">
<div className='container-fluid'>
<div>
{/* <i className="fas fa-code" data-bss-hover-animate="tada" style={() => color: "var(--bs-red)"}></i> */}
<Link className="navbar-brand" to='/' style={styleNavbar}>Code@Amrita</Link>
<button data-bs-toggle="collapse" className="navbar-toggler" data-bs-target="#navbar-collapse">
<span className="visually-hidden" style={styleSpan}>Toggle navigation</span>
Expand All @@ -28,6 +27,9 @@ function Navbar() {
<li className="nav-item">
<Link className='nav-link' to='/why'>Why join us?</Link>
</li>
<li className="nav-item">
<Link className='nav-link' to='/upev'>Upcoming Events!</Link>
</li>
</ul>
<ul className="navbar-nav ms-auto"></ul>
</div>
Expand Down
84 changes: 84 additions & 0 deletions src/Components/Upcoming.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,84 @@
.bordercss {
box-sizing: border-box;
}

* {
box-sizing: inherit;
}

.columncss {
float: left;
width: 33.3%;
margin-bottom: 16px;
padding: 0 8px;
}

@media screen and (max-width: 650px) {
.columncss {
width: 100%;
display: block;
}
}

.cardcss {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
border-radius: 20px;
border-top: 3.9px solid;
border-bottom: 3.9px solid;
border-top-style: dashed;
border-bottom-style: dashed;
}

.containercss {
padding: 0 0px;
position: relative;
}

.containercss::after,
.rowcss::after {
clear: both;
}

.buttoncss {
border: none;
outline: 0;
display: inline-block;
padding: 5px;
color: white;
background-color: #000;
text-align: center;
cursor: pointer;
width: 50%;
}

.buttoncss:hover {
background-color: rgb(22, 252, 252);
}

.imagecss {
display: block;
width: 90%;
height: 90%;
height: auto;
}

.overlaycss {
position: absolute;
bottom: 0;
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0.5);
/* Black see-through */
color: #f1f1f1;
width: 100%;
transition: .5s ease;
opacity: 0;
color: white;
font-size: 20px;
padding: 0px;
text-align: center;
}

.containercss:hover .overlaycss {
opacity: 1;
border-radius: 20px;
}
45 changes: 45 additions & 0 deletions src/Components/Upcoming.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
import React from 'react'
import Footer from './Footer'
import './Upcoming.css'
import Upcomingcards from './Upcomingcards'

function Upcoming() {
return (
<div className='cards'>

<h1>Upcoming Events</h1>

<Upcomingcards src='https://cdn-images-1.medium.com/max/2600/1*UGT1Rh9xLww3JeIDR1F0RQ.png'
head="Name"
des = "Participate now" link = 'https://www.hackerrank.com/'/>

<Upcomingcards src='https://cdn-images-1.medium.com/max/2600/1*UGT1Rh9xLww3JeIDR1F0RQ.png'
head="Name"
des = "Participate now" link = 'https://www.hackerrank.com/'/>
<Upcomingcards src='https://cdn-images-1.medium.com/max/2600/1*UGT1Rh9xLww3JeIDR1F0RQ.png'
head="Name"
des = "Participate now" link = 'https://www.hackerrank.com/'/>
<Upcomingcards src='https://cdn-images-1.medium.com/max/2600/1*UGT1Rh9xLww3JeIDR1F0RQ.png'
head="Name"
des = "Participate now" link = 'https://www.hackerrank.com/'/>
<Upcomingcards src='https://cdn-images-1.medium.com/max/2600/1*UGT1Rh9xLww3JeIDR1F0RQ.png'
head="Name"
des = "Participate now" link = 'https://www.hackerrank.com/'/>
<Upcomingcards src='https://cdn-images-1.medium.com/max/2600/1*UGT1Rh9xLww3JeIDR1F0RQ.png'
head="Name"
des = "Participate now" link = 'https://www.hackerrank.com/'/>
<Upcomingcards src='https://cdn-images-1.medium.com/max/2600/1*UGT1Rh9xLww3JeIDR1F0RQ.png'
head="Name"
des = "Participate now" link = 'https://www.hackerrank.com/'/>
<Upcomingcards src='https://cdn-images-1.medium.com/max/2600/1*UGT1Rh9xLww3JeIDR1F0RQ.png'
head="Name"
des = "Participate now" link = 'https://www.hackerrank.com/'/>
<Upcomingcards src='https://cdn-images-1.medium.com/max/2600/1*UGT1Rh9xLww3JeIDR1F0RQ.png'
head="Name"
des = "Participate now" link = 'https://www.hackerrank.com/'/>
<Footer />
</div>
)
}

export default Upcoming
25 changes: 25 additions & 0 deletions src/Components/Upcomingcards.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
import React from 'react'

function Upcomingcards(props) {
return (
<div>
<div class = "bordercss">
<div class="rowcss">
<div class="columncss">
<div class="cardcss">
<img src={props.src} class="imagecss" />
<div class="containercss">
<div class="overlaycss">
<h4>{props.head}</h4>
<p>{props.des}</p>
<p><a href={props.link} target='_blank'><button class="buttoncss">Participate</button></a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
)
}
export default Upcomingcards
14 changes: 14 additions & 0 deletions src/Pages/Events.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
import React from 'react'
import Herosection from '../Components/Herosection'
import Upcoming from '../Components/Upcoming'

function Events() {
return (
<div>
<Herosection />
<Upcoming />
</div>
)
}

export default Events