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

Commit acc4b99

Browse files
author
M-ZubairAhmed
committed
three subjects added
1 parent eaa22ed commit acc4b99

File tree

1 file changed

+127
-20
lines changed

1 file changed

+127
-20
lines changed

‎pages/learn.js

Lines changed: 127 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,131 @@
11
import React from 'react';
2+
import { Accordion, Icon, List } from 'semantic-ui-react';
23

3-
import Icon from '../components/icon';
44
import publicPage from '../hocs/public-page';
55

6-
export default publicPage(() => (
7-
<div>
8-
<main>
9-
<Icon />
10-
<h3>Under Construction, Coming Soon!...</h3>
11-
</main>
12-
<style jsx>{`
13-
main {
14-
min-height: calc(100vh - 70px);
15-
background: #f4f7fb;
16-
color: #314159;
17-
display: flex;
18-
justify-content: center;
19-
align-items: center;
20-
flex-direction: column;
21-
}
22-
`}</style>
23-
</div>
24-
));
6+
export default publicPage(() => {
7+
return (
8+
<div>
9+
<main>
10+
<Accordion fluid styled>
11+
<Accordion.Title>
12+
<Icon name="dropdown" />
13+
Web Development
14+
</Accordion.Title>
15+
<Accordion.Content>
16+
<Accordion>
17+
<Accordion.Title>
18+
<Icon name="dropdown" />
19+
Frontend
20+
</Accordion.Title>
21+
<Accordion.Content>
22+
<List selection verticalAlign="middle">
23+
<List.Item>
24+
<List.Content>
25+
<List.Header>Basics</List.Header>
26+
<List.Description>
27+
Get started with Frontend development
28+
</List.Description>
29+
</List.Content>
30+
</List.Item>
31+
<List.Item>
32+
<List.Content>
33+
<List.Header>Intermediate</List.Header>
34+
<List.Description>
35+
Next level after basics course
36+
</List.Description>
37+
</List.Content>
38+
</List.Item>
39+
<List.Item>
40+
<List.Content>
41+
<List.Header>Angular</List.Header>
42+
<List.Description>
43+
Front-end web application framework by Google
44+
</List.Description>
45+
</List.Content>
46+
</List.Item>
47+
<List.Item>
48+
<List.Content>
49+
<List.Header>React</List.Header>
50+
<List.Description>
51+
JavaScript library for building user interfaces from
52+
Facebook
53+
</List.Description>
54+
</List.Content>
55+
</List.Item>
56+
<List.Item>
57+
<List.Content>
58+
<List.Header>Vue</List.Header>
59+
<List.Description>
60+
Progressive JavaScript framework for building user
61+
interfaces by community
62+
</List.Description>
63+
</List.Content>
64+
</List.Item>
65+
</List>
66+
</Accordion.Content>
67+
<Accordion.Title>
68+
<Icon name="dropdown" />
69+
Backend
70+
</Accordion.Title>
71+
<Accordion.Content>
72+
<List selection verticalAlign="middle">
73+
<List.Item>
74+
<List.Content>
75+
<List.Header>Laravel</List.Header>
76+
<List.Description>PHP web framework</List.Description>
77+
</List.Content>
78+
</List.Item>
79+
</List>
80+
</Accordion.Content>
81+
</Accordion>
82+
</Accordion.Content>
83+
<Accordion.Title>
84+
<Icon name="dropdown" />
85+
Data Science
86+
</Accordion.Title>
87+
<Accordion.Content>
88+
<List selection verticalAlign="middle">
89+
<List.Item>
90+
<List.Content>
91+
<List.Header>Core Data Science</List.Header>
92+
<List.Description>
93+
A field which provides meaningful information from large
94+
amounts of data.
95+
</List.Description>
96+
</List.Content>
97+
</List.Item>
98+
</List>
99+
</Accordion.Content>
100+
<Accordion.Title>
101+
<Icon name="dropdown" />
102+
Distributed Computing
103+
</Accordion.Title>
104+
<Accordion.Content>
105+
<List selection verticalAlign="middle">
106+
<List.Item>
107+
<List.Content>
108+
<List.Header>Blockchain</List.Header>
109+
<List.Description>
110+
A distributed database technology
111+
</List.Description>
112+
</List.Content>
113+
</List.Item>
114+
</List>
115+
</Accordion.Content>
116+
</Accordion>
117+
</main>
118+
<style jsx>{`
119+
main {
120+
min-height: calc(100vh - 70px);
121+
background: #f4f7fb;
122+
color: #314159;
123+
display: flex;
124+
justify-content: center;
125+
align-items: center;
126+
flex-direction: column;
127+
}
128+
`}</style>
129+
</div>
130+
);
131+
});

0 commit comments

Comments
 (0)
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy