Skip to content
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

Jump to bottom

added reviews #7

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

added reviews #7

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
7 changes: 5 additions & 2 deletions public/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,15 +7,18 @@
<meta name="theme-color" content="#000000" />
<meta
name="description"
content="Web Enthusiasts in the defacto Computer Science club of NITK Surathkal.
Web Enthusiasts Club undertakes different activities to increase the coding culture in the NITK
content="Web Enthusiasts in the defacto Computer Science club of NITK Surathkal.
Web Enthusiasts Club undertakes different activities to increase the coding culture in the NITK
Community and bring awareness about Computer Science."
/>
<link rel="apple-touch-icon" href="%PUBLIC_URL%/../../src/assets/images/webclub-logo-blue.png" />
<!--
manifest.json provides metadata used when your web app is installed on a
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<link
rel="stylesheet"
Expand Down
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 @@ -6,6 +6,7 @@ import Footer from "./components/footer";
import Events from "./components/Events/Event";
import Timeline from "./components/Timeline/timeline";
import Landing from "./components/landing";
import Review from "./components/Review/Review";
class App extends React.Component {
render() {
return (
Expand All @@ -17,6 +18,7 @@ class App extends React.Component {
<Route exact path="/timeline" component={Timeline} />
<Route exact path="/landing" component={Landing} />
</Switch>
<Review/>
<Footer />
</Router>
);
Expand Down
131 changes: 131 additions & 0 deletions src/components/Review/Review.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,131 @@
import React from 'react';
import '../../styles/Review.css';

class Review extends React.Component{
render(){
return(
<div id="REVIEW">
<div className="he_ad">Reviews</div>
<div className="block">
<div className="container" >
<div id="myCarousel" className="carousel slide" data-ride="carousel">

<ol className="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" className="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
<li data-target="#myCarousel" data-slide-to="4"></li>
</ol>

<div className="carousel-inner">
<div className="item active">
<img src="https://cdn.glitch.com/1a9215a8-43a8-46e7-9fad-bb891e9b4809%2Fcotation.png?1576917601849.png" className="center" /><br/><br/>
<div className="review">
"Having people believe in me motivated me to keep developing my skills in programming
and statistics, despite all the error messages. Now it's my turn to do the believing -
I believe in Coding Club and all its members, and
I know that together we can learn to code and use the right type of statistics!"<br/><br/>
<div className="rimage">
<img src="https://cdn.glitch.com/1a9215a8-43a8-46e7-9fad-bb891e9b4809%2Fblank.jpg?1576917199191.png" />
<div className="rintro">
Member Name
</div>
<div className="desig">
Member
</div>
</div>
</div>
</div>

<div className="item">
<img src="https://cdn.glitch.com/1a9215a8-43a8-46e7-9fad-bb891e9b4809%2Fcotation.png?1576917601849.png" className="center" /><br/><br/>
<div className="review">
"Having people believe in me motivated me to keep developing my skills in programming
and statistics, despite all the error messages. Now it's my turn to do the believing -
<br/><br/>
<div className="rimage">
<img src="https://cdn.glitch.com/1a9215a8-43a8-46e7-9fad-bb891e9b4809%2Fblank.jpg?1576917199191.png" />
<div className="rintro">
Member Name
</div>
<div className="desig">
Member
</div>
</div>
</div>
</div>
<div className="item">
<img src="https://cdn.glitch.com/1a9215a8-43a8-46e7-9fad-bb891e9b4809%2Fcotation.png?1576917601849.png" className="center" /><br/><br/>
<div className="review">
"Having people believe in me motivated me to keep developing my skills in programming
and statistics, despite all the error messages. Now it's my turn to do the believing -
I believe in Coding Club and all its members, and
I know that together we can learn to code and use the right type of statistics!"<br/><br/>
<div className="rimage">
<img src="https://cdn.glitch.com/1a9215a8-43a8-46e7-9fad-bb891e9b4809%2Fblank.jpg?1576917199191.png" />
<div className="rintro">
Member Name
</div>
<div className="desig">
Member
</div>
</div>
</div>
</div>
<div className="item">
<img src="https://cdn.glitch.com/1a9215a8-43a8-46e7-9fad-bb891e9b4809%2Fcotation.png?1576917601849.png.png" className="center" /><br/><br/>
<div className="review">
"Having people believe in me motivated me to keep developing my skills in programming
and statistics, despite all the error messages. Now it's my turn to do the believing -
<br/><br/>
<div className="rimage">
<img src="https://cdn.glitch.com/1a9215a8-43a8-46e7-9fad-bb891e9b4809%2Fblank.jpg?1576917199191.png" />
<div className="rintro">
Member Name
</div>
<div className="desig">
Member
</div>
</div>
</div>
</div>
<div className="item">
<img src="https://cdn.glitch.com/1a9215a8-43a8-46e7-9fad-bb891e9b4809%2Fcotation.png?1576917601849.png.png" className="center" /><br/><br/>
<div className="review">
"Having people believe in me motivated me to keep developing my skills in programming
and statistics, despite all the error messages. Now it's my turn to do the believing -
I believe in Coding Club and all its members, and
I know that together we can learn to code and use the right type of statistics!"<br/><br/>
<div className="rimage">
<img src="https://cdn.glitch.com/1a9215a8-43a8-46e7-9fad-bb891e9b4809%2Fblank.jpg?1576917199191.png" />
<div className="rintro">
Member Name
</div>
<div className="desig">
Member
</div>
</div>
</div>
</div>
</div><br/><br/>


<a className="left carousel-control" href="#myCarousel" data-slide="prev">
<span className="#"></span>
<span className="sr-only"></span>
</a>
<a className="right carousel-control" href="#myCarousel" data-slide="next">
<span className="#"></span>
<span className="sr-only"></span>
</a>
</div>
</div>

</div>
</div>
)
}
}

export default Review;
98 changes: 98 additions & 0 deletions src/styles/Review.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,98 @@
#REVIEW{
margin-left:auto;
margin-right: auto;
padding: 20px;
align-items: center;

}

.he_ad{
font-size: 25px;
font-family:monospace;
font-weight: 800;
text-align: center;
padding: 30px;
}
align body{
max-height: 600px;
max-width: 600px;
margin: auto;
padding: 3%;
}
img{
align-items: center;
align: center;
}
#myCarousel{
border: 10px;
border-color: black;
box-sizing: border-box;
}
.container{
height: 600px !important;
width: 400px !important;
border: 10px;
border-color: black;
}
.block{
border-style: solid;
border-width: 1px;
min-height: 400px;
height: 400px;
min-width: 400px auto;
width: 400px;
padding: 0px;
padding-top: 10px;
}
.p{
align-items: center;
text-align: center;
}
.review{
align-items: center;
text-align: center;
font-size: 12px;
}
.center{
margin: auto;
}
.rimage img{
max-width: 50px;
height: auto;
border-radius: 50%;
}
.rimage .rintro{
font-weight: bold;
font-size: 15px;
}
#myCarousel {
height: 400px;
overflow: hidden;
width: 100%;
}

.carousel-control.left, .carousel-control.right {
background-image:none !important;
filter:none !important;
}
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 7px;
text-indent: 0;
cursor: pointer;
border: none;
border-radius: 50%;
background-color: white;
box-shadow: inset 1px 1px 1px 1px rgba(0.5,0.5,0.5,0.5);

}

.carousel-indicators .active {
width: 10px;
height: 10px;
margin: 7px;
background-color: black;

}
6 changes: 3 additions & 3 deletions src/styles/events.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,10 +4,10 @@
}

.events {
padding: 1rem;
padding-top: 1rem;
text-align: center;
}

@media screen and (max-width: 1000px) {
.EventDetails{
padding: 0;
Expand All @@ -18,4 +18,4 @@
.events{
padding: 0px;
}
}
}
9 changes: 2 additions & 7 deletions src/styles/member.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,21 +3,16 @@
text-align: center;
}
.controls {
padding: 1rem;
padding-top: 1rem;
font-size: 0.1px;
}

@media screen and (max-width: 1000px) {
@media screen and (max-width: 900px) {
.MemberDetails {
padding: 0;
}
}

@media screen and (max-width: 500px) {
.controls{
padding: 0;
}
}

/*
html,
Expand Down