Skip to content

Commit 963e56f

Browse files
devvsakibdevvsakib
authored
Merge pull request #80 from devvsakib/development
doc page header added issue #76
2 parents 714b345 + b7ed843 commit 963e56f

1 file changed

Lines changed: 61 additions & 59 deletions

File tree

‎src/components/Doc/Doc.jsx‎

Lines changed: 61 additions & 59 deletions
Original file line numberDiff line numberDiff line change
@@ -3,67 +3,69 @@ import Layout from '../Layout/Layout';
33
import DocItem from './DocItem';
44

55
const Doc = () => {
6-
return (
7-
<div className='w-full md:w-5/6 mx-auto px-4 py-8'>
8-
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
9-
<div>
10-
<h4 className='mb-4'>Getting started</h4>
11-
<div className="items grid grid-cols-1 gap-6">
12-
{/* <div className="bg-gray w-full h-[1px] my-4" /> */}
13-
<DocItem
14-
title='Set up Git'
15-
content='Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.'
16-
/>
17-
{/* <div className="bg-gray w-full h-[1px] my-4" /> */}
18-
<DocItem
19-
title='Connecting to Github with SSH'
20-
content='Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.'
21-
/>
22-
{/* <div className="bg-gray w-full h-[1px] my-4" /> */}
23-
<DocItem
24-
title='Creating and managing repositories'
25-
content='Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.'
26-
/>
27-
{/* <div className="bg-gray w-full h-[1px] my-4" /> */}
28-
<DocItem
29-
title='Basic writing and formatting syntax'
30-
content='Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.'
31-
/>
32-
</div>
33-
</div>
34-
<div>
35-
<h4 className='mb-4'>Popular</h4>
36-
<div className="items grid grid-cols-1 gap-6">
37-
{/* <div className="bg-gray w-full h-[1px] my-4" /> */}
38-
<DocItem
39-
title='About pull request'
40-
content='Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.'
41-
/>
42-
{/* <div className="bg-gray w-full h-[1px] my-4" /> */}
43-
<DocItem
44-
title='Authentication'
45-
content='Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.'
46-
/>
47-
{/* <div className="bg-gray w-full h-[1px] my-4" /> */}
48-
<DocItem
49-
title='Adding locally hosted code to Github'
50-
content='Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.'
51-
/>
52-
{/* <div className="bg-gray w-full h-[1px] my-4" /> */}
53-
<DocItem
54-
title='Managing remote repositories'
55-
content='Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.'
56-
/>
57-
{/* <div className="bg-gray w-full h-[1px] my-4" /> */}
58-
<DocItem
59-
title='Github pages documentation'
60-
content='Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.'
61-
/>
62-
</div>
63-
</div>
6+
return (
7+
<Layout>
8+
<div className='w-full md:w-5/6 mx-auto px-4 py-8'>
9+
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
10+
<div>
11+
<h4 className='mb-4'>Getting started</h4>
12+
<div className="items grid grid-cols-1 gap-6">
13+
{/* <div className="bg-gray w-full h-[1px] my-4" /> */}
14+
<DocItem
15+
title='Set up Git'
16+
content='Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.'
17+
/>
18+
{/* <div className="bg-gray w-full h-[1px] my-4" /> */}
19+
<DocItem
20+
title='Connecting to Github with SSH'
21+
content='Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.'
22+
/>
23+
{/* <div className="bg-gray w-full h-[1px] my-4" /> */}
24+
<DocItem
25+
title='Creating and managing repositories'
26+
content='Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.'
27+
/>
28+
{/* <div className="bg-gray w-full h-[1px] my-4" /> */}
29+
<DocItem
30+
title='Basic writing and formatting syntax'
31+
content='Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.'
32+
/>
6433
</div>
6534
</div>
66-
);
35+
<div>
36+
<h4 className='mb-4'>Popular</h4>
37+
<div className="items grid grid-cols-1 gap-6">
38+
{/* <div className="bg-gray w-full h-[1px] my-4" /> */}
39+
<DocItem
40+
title='About pull request'
41+
content='Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.'
42+
/>
43+
{/* <div className="bg-gray w-full h-[1px] my-4" /> */}
44+
<DocItem
45+
title='Authentication'
46+
content='Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.'
47+
/>
48+
{/* <div className="bg-gray w-full h-[1px] my-4" /> */}
49+
<DocItem
50+
title='Adding locally hosted code to Github'
51+
content='Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.'
52+
/>
53+
{/* <div className="bg-gray w-full h-[1px] my-4" /> */}
54+
<DocItem
55+
title='Managing remote repositories'
56+
content='Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.'
57+
/>
58+
{/* <div className="bg-gray w-full h-[1px] my-4" /> */}
59+
<DocItem
60+
title='Github pages documentation'
61+
content='Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.'
62+
/>
63+
</div>
64+
</div>
65+
</div>
66+
</div>
67+
</Layout>
68+
);
6769
};
6870

6971
export default Doc;

0 commit comments

Comments
 (0)