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.

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)