Skip to content

Commit 6ba7676

Browse files
engineerscodesengineerscodes
committed
masterv2
1 parent 9f987c4 commit 6ba7676

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

58 files changed

+20998
-106
lines changed

‎package-lock.json‎

Lines changed: 18149 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,9 +6,18 @@
66
"@testing-library/jest-dom": "^5.11.4",
77
"@testing-library/react": "^11.1.0",
88
"@testing-library/user-event": "^12.1.10",
9+
"axios": "^0.21.1",
10+
"pkg.json": "^2.0.8",
911
"react": "^17.0.2",
12+
"react-awesome-loaders": "^0.1.37",
1013
"react-dom": "^17.0.2",
14+
"react-elastic-carousel": "^0.11.5",
15+
"react-icons": "^4.2.0",
16+
"react-router-dom": "^5.2.0",
1117
"react-scripts": "4.0.3",
18+
"react-scroll": "^1.8.3",
19+
"styled-components": "^5.3.0",
20+
"swr": "^0.5.6",
1221
"web-vitals": "^1.0.1"
1322
},
1423
"scripts": {

‎src/App.css‎

Lines changed: 0 additions & 38 deletions
This file was deleted.

‎src/App.js‎

Lines changed: 24 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,28 @@
1-
import logo from './logo.svg';
2-
import './App.css';
1+
import React, { Component } from "react";
32

4-
function App() {
5-
return (
6-
<div className="App">
7-
<header className="App-header">
8-
<img src={logo} className="App-logo" alt="logo" />
9-
<p>
10-
Edit <code>src/App.js</code> and save to reload.
11-
</p>
12-
<a
13-
className="App-link"
14-
href="https://reactjs.org"
15-
target="_blank"
16-
rel="noopener noreferrer"
17-
>
18-
Learn React
19-
</a>
20-
</header>
21-
</div>
22-
);
3+
import { BrowserRouter as Router, Switch, Route } from "react-router-dom";
4+
import Event from "./RouterPages/EventsPage";
5+
import HomePage from "./RouterPages/HomePage";
6+
import ScrollToTop from "./components/ScrollToTop";
7+
import TeamPage from "./RouterPages/TeamPage";
8+
import Announcement from "./RouterPages/Announcement";
9+
class App extends Component {
10+
render() {
11+
return (
12+
<Router>
13+
<ScrollToTop />
14+
<div className="App">
15+
<Switch>
16+
<Route path="/" component={HomePage} exact />
17+
<Route path="/AndroidClub" component={HomePage} exact />
18+
<Route path="/AndroidClub/Team" component={TeamPage} />
19+
<Route path="/AndroidClub/Events" component={Event} />
20+
<Route path="/AndroidClub/ANNOUNCEMENT" component={Announcement} />
21+
</Switch>
22+
</div>
23+
</Router>
24+
);
25+
}
2326
}
2427

2528
export default App;

‎src/App.test.js‎

Lines changed: 0 additions & 8 deletions
This file was deleted.

‎src/INFOSECTION/InfoSectionArea.js‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
import React from "react";
2+
import "./styele.css";
3+
4+
const InfoSectionArea = () => {
5+
return (
6+
<>
7+
<div className="Container">
8+
<div className="rootInfo">
9+
<div className="ingo i1">
10+
<div className="text1"> 20+</div>
11+
<div className="text2">Events</div>
12+
</div>
13+
<div className="ingo">
14+
<div className="text1"> 1500+ </div>
15+
<div className="text2">Participants</div>
16+
</div>
17+
<div className="ingo">
18+
<div className="text1">100+ </div>
19+
<div className="text2">Hours</div>
20+
</div>
21+
</div>
22+
</div>
23+
</>
24+
);
25+
};
26+
27+
export default InfoSectionArea;

‎src/INFOSECTION/styele.css‎

Lines changed: 102 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,102 @@
1+
body{
2+
margin: 0;
3+
padding: 0;
4+
box-sizing: border-box;
5+
}
6+
7+
8+
.Container{
9+
10+
width: 100%;
11+
height: 700px;
12+
background: #20DEA0;
13+
color: white;
14+
15+
}
16+
.rootInfo{
17+
display: flex;
18+
height: 100%;
19+
justify-content: space-evenly;
20+
21+
align-items: center;
22+
23+
24+
}
25+
26+
.rootInfo .info{
27+
28+
font-weight: bold;
29+
30+
31+
}
32+
33+
.text1{
34+
width: 109px;
35+
height: 42px;
36+
font-size: 64px;
37+
line-height: 42px;
38+
color :#fff;
39+
display: inline;
40+
padding :10px 0px 10px 10px;
41+
font-weight: bold;
42+
}
43+
44+
.text2{
45+
font-size: 36px;
46+
47+
display: inline;
48+
color: #FFFFFF;
49+
text-transform: capitalize;
50+
margin: 10px;
51+
padding :10px;
52+
}
53+
54+
55+
@media screen and (max-width :1200px)
56+
{
57+
.text1{padding: 5px; padding-right: 0px; font-size: 48px;}
58+
.text2{padding: 5px; font-size: 24px;}
59+
}
60+
61+
62+
@media screen and (max-width :798px)
63+
{
64+
.text1{padding: 5px; padding-right: 0px; font-size: 48px; margin: 0px; display:inline-block ;}
65+
.text2{padding: 5px; font-size: 24px; margin: 10px; display: block;}
66+
}
67+
68+
@media screen and (max-width :730px)
69+
{
70+
.text1{padding: 5px; padding-right: 0px; font-size: 48px; margin-left: 25px;}
71+
.text2{padding: 5px; font-size: 24px; margin-left: 25px;}
72+
}
73+
74+
@media screen and (max-width :520px)
75+
{
76+
.text1{padding: 0px; font-size: 28px; margin-left: 20px;}
77+
.text2{padding: 0px; font-size: 20px; margin-left: 20px;}
78+
}
79+
80+
@media screen and (max-width :410px)
81+
{
82+
.text1{ font-size: 48px; padding-left: 10px ; margin-left: 10px; display:inline ;}
83+
.text2{ font-size: 32px; margin-left: 10px; display:inline ; padding-left: 10px ;}
84+
.rootInfo{flex-direction: column; }
85+
}
86+
87+
@media screen and (max-width :370px)
88+
{
89+
.text1{ font-size: 30px; margin-left: 0px;}
90+
.text2{ font-size: 16px; margin-left: 0px;}
91+
.rootInfo{flex-direction: column;}
92+
}
93+
94+
95+
96+
97+
98+
99+
100+
101+
102+

‎src/Images/1.JPG‎

34.7 KB
Loading

‎src/Images/2.JPG‎

37.5 KB
Loading

‎src/Images/3.JPG‎

23.3 KB
Loading

0 commit comments

Comments
 (0)