Skip to content

Commit

Permalink
on boarding page added
Browse files Browse the repository at this point in the history
  • Loading branch information
war-turtle committed Oct 9, 2018
1 parent 31acea5 commit 085dab2
Show file tree
Hide file tree
Showing 8 changed files with 178 additions and 18 deletions.
8 changes: 8 additions & 0 deletions onBoarding/onBoarding.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
#onBoarding-page {
min-height: 100vh;
margin: 0px;
}
.control-width {
max-width: 50%;
margin-left: 20px;
}
55 changes: 55 additions & 0 deletions onBoarding/onBoarding.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,55 @@
<!DOCTYPE html>
<html>
<head>
<title>On boarding</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="onBoarding.css">
</head>
<body>

<div class="jumbotron" id="onBoarding-page">
<div class="text-center">
<img src="startup.png"/>
</div>
<h1 class="display-4 text-center">Welcome aboard</h1>
<h1 class="text-center mb-5">Techspardha'18 Prime</h1>
<h5 class="text-center">To continue we need a few more details about you...</h5>

<div class="container text-center">
<hr class="my-4">

<div class="row justify-content-md-center">
<div class="col-sm-4">
<div class="form-group">
<input type="text" class="form-control" id="user-college" aria-describedby="collegeName" placeholder="College name">
<label for="user-college">Your college</label>
</div>
</div>
<div class="col-sm-4">
<select class="form-control" id="user-year">
<option>First</option>
<option>Second</option>
<option>Third</option>
<option>Fourth</option>
</select>
<label for="user-year">Your year</label>
</div>
</div>

<div class="row justify-content-md-center">
<div class="col-sm-4">
<button type="button" class="btn btn-danger">Continue</button>
</div>
</div>

<hr class="my-4">
</div>

</div>

</body>
<script src="jquery.min.js"></script>
<script src="bootstrap.min.js"></script>
<script src="onBoarding.js"></script>
</html>
Binary file added public/images/startup.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
20 changes: 4 additions & 16 deletions src/App.jsx
Original file line number Diff line number Diff line change
@@ -1,26 +1,14 @@
import React from 'react';
import { Switch, BrowserRouter, Route } from 'react-router-dom';
import Nav from './components/Nav/Nav';
import Desktop from './components/Desktop/Desktop';
import Events from './components/Events/Events';
import Guests from './components/Guests/Guests';
import Contact from './components/ContactUs/ContactUs';
import AboutUs from './components/AboutUs/AboutUs';
import Sponsers from './components/Sponsers/Sponsers';
import User from './components/User/User';
import OnBoarding from './components/OnBoarding/OnBoarding';
import LoggedIn from './LoggedIn';

const App = () => (
<BrowserRouter>
<Switch>
<div className="App">
<Nav />
<Route exact path="/" component={Desktop} />
<Route path="/events" component={Events} />
<Route path="/guestLectures" component={Guests} />
<Route path="/contactUs" component={Contact} />
<Route path="/aboutUs" component={AboutUs} />
<Route path="/sponsers" component={Sponsers} />
<Route path="/user" component={User} />
<Route exact path="/" component={LoggedIn} />
<Route path="/onBoarding" component={OnBoarding} />
</div>
</Switch>
</BrowserRouter>
Expand Down
29 changes: 29 additions & 0 deletions src/LoggedIn.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@


import React from 'react';
import { Switch, Route } from 'react-router-dom';
import Nav from './components/Nav/Nav';
import Desktop from './components/Desktop/Desktop';
import Events from './components/Events/Events';
import Guests from './components/Guests/Guests';
import Contact from './components/ContactUs/ContactUs';
import AboutUs from './components/AboutUs/AboutUs';
import Sponsers from './components/Sponsers/Sponsers';
import User from './components/User/User';
import DOC from './components/Doc/Doc';

const LoggedIn = () => (
<div className="loggedIn">
<Nav />
<Route exact path="/" component={Desktop} />
<Route path="/events" component={Events} />
<Route path="/guestLectures" component={Guests} />
<Route path="/contactUs" component={Contact} />
<Route path="/aboutUs" component={AboutUs} />
<Route path="/sponsers" component={Sponsers} />
<Route path="/user" component={User} />
<DOC />
</div>
);

export default LoggedIn;
2 changes: 0 additions & 2 deletions src/components/Desktop/Desktop.jsx
Original file line number Diff line number Diff line change
@@ -1,13 +1,11 @@
import React from 'react';
import './Desktop.css';
import DOC from '../Doc/Doc';

const Desktop = () => (
<div id="desktop">
<h1>
Techspardha Prime
</h1>
<DOC />
</div>
);

Expand Down
8 changes: 8 additions & 0 deletions src/components/OnBoarding/OnBoarding.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
#onBoarding-page {
min-height: 100vh;
margin: 0px;
}
.control-width {
max-width: 50%;
margin-left: 20px;
}
74 changes: 74 additions & 0 deletions src/components/OnBoarding/OnBoarding.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,74 @@
import React from 'react';
import './OnBoarding.css';

const OnBoarding = () => (
<div className="jumbotron" id="onBoarding-page">
<div className="text-center">
<img src="/images/startup.png" />
</div>
<h1 className="display-4 text-center">
Welcome aboard
</h1>
<h1 className="text-center mb-5">
Techspardha'18 Prime
</h1>
<h5 className="text-center">
To continue we need a few more details about you...
</h5>

<div className="container text-center">
<hr className="my-4" />

<div className="row justify-content-md-center">
<div className="col-sm-3">
<div className="form-group">
<input type="text" className="form-control" id="user-college" aria-describedby="collegeName" placeholder="College name" />
<label htmlFor="user-college">
Your college
</label>
</div>
</div>
<div className="col-sm-3">
<div className="form-group">
<input type="number" className="form-control" id="user-mobile" aria-describedby="collegeName" placeholder="Mobile Number" />
<label htmlFor="user-mobile">
Mobile Number
</label>
</div>
</div>
<div className="col-sm-3">
<select className="form-control" id="user-year">
<option>
First
</option>
<option>
Second
</option>
<option>
Third
</option>
<option>
Fourth
</option>
</select>
<label htmlFor="user-year">
Your year
</label>
</div>
</div>

<div className="row justify-content-md-center">
<div className="col-sm-4">
<button type="button" className="btn btn-danger">
Continue
</button>
</div>
</div>

<hr className="my-4" />
</div>

</div>
);

export default OnBoarding;

0 comments on commit 085dab2

Please sign in to comment.