Thanks to visit codestin.com
Credit goes to github.com

Skip to content
This repository was archived by the owner on Mar 9, 2021. It is now read-only.

space page initial construct #42

Merged
merged 6 commits into from
Oct 22, 2017
Merged

space page initial construct #42

Changes from 1 commit
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
3192774
1. top banner component seperated out
Oct 22, 2017
9f77aab
who is this for section added
Oct 22, 2017
b35d126
rest of spaces design complete
Oct 22, 2017
abf1974
check for no image tag in desc
Oct 22, 2017
b00cc7c
semantic ui updated
Oct 22, 2017
31b3bf8
Merge branch 'master' into space
vinaypuppal Oct 22, 2017
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
Prev Previous commit
Next Next commit
rest of spaces design complete
  • Loading branch information
M-ZubairAhmed committed Oct 22, 2017
commit b35d126471b51a5da9dfb0313f4eefeafc024dc5
67 changes: 64 additions & 3 deletions pages/space.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import React from 'react';
import { Card, Segment } from 'semantic-ui-react';
import { Card, Segment, Header, Divider } from 'semantic-ui-react';

import TopBanner from '../components/top-banner';
import publicPage from '../hocs/public-page';
Expand All @@ -13,7 +13,7 @@ export default publicPage(() => (
<main>
<section>
<div>
<Card centered raised fluid>
<Card centered fluid>
<Card.Content>
These are dynamic learning environments, where everyone learns at
their own pace and compliments each other. You can also
Expand Down Expand Up @@ -62,9 +62,66 @@ export default publicPage(() => (
We will help you pick a technology and provide you with learning
guides to learn and build something on a daily basis.
</Segment>
<Segment textAlign="left" secondary>
<h4>Daily</h4>
You will engage in daily code review and pair programming exercise
with other members.
</Segment>
<Segment textAlign="left">
<h4>Wednesday</h4>
We will have an Open Source Evening, where everyone will be
encouraged to find open source projects and contribute to them.
</Segment>
<Segment textAlign="left" secondary>
<h4>Thursday</h4>
We will have a casual coding competition, where members will
participate to solve coding challenges together.
</Segment>
<Segment textAlign="left">
<h4>Friday - Saturday</h4>
We will have a casual hackathons, where everyone will participate
to build a project, big or small.
</Segment>
<Segment textAlign="left" secondary>
<h4>Saturday</h4>
In evening, we will screen a tech related documentary, movie or TV
show.
</Segment>
<Segment textAlign="left">
<h4>Sunday</h4>
Members will present their work i.e projects or new topics they
have made or learned in the past week
</Segment>
</Segment.Group>
</div>
</section>
<divide>
<Divider section />
</divide>
<section>
<h2>Pricing</h2>
<div>
<Card>
<Card.Content>
<Segment inverted color="pink">
<Header as="h2" inverted>
INR 1000/-
<Header.Subheader>per month</Header.Subheader>
</Header>
</Segment>
<Card.Description>
For membership mail us<br />[email protected]
</Card.Description>
</Card.Content>
</Card>
</div>
<h2>Mode of payment</h2>
<Segment.Group horizontal>
<Segment>UPI</Segment>
<Segment>PayTM</Segment>
<Segment>Cash</Segment>
</Segment.Group>
</section>
</main>
<style jsx>{`
main {
Expand All @@ -79,14 +136,18 @@ export default publicPage(() => (
align-items: center;
flex-direction: column;
text-align: center;
max-width: 800px;
margin: 0 auto;
}
section {
max-width: 800px;
margin: 50px 0;
}
h2 {
text-transform: uppercase;
padding-bottom: 10px;
}
divide {
width: 100%;
}
`}</style>
</div>
Expand Down