Skip to content

Commit 479a6bc

Browse files
committed
linkedin clone started
1 parent 5446a96 commit 479a6bc

File tree

7 files changed

+238
-0
lines changed

7 files changed

+238
-0
lines changed

.firebaserc

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
{
2+
"projects": {
3+
"default": "codebase-clone"
4+
}
5+
}

.gitignore

Lines changed: 66 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,66 @@
1+
# Logs
2+
logs
3+
*.log
4+
npm-debug.log*
5+
yarn-debug.log*
6+
yarn-error.log*
7+
firebase-debug.log*
8+
firebase-debug.*.log*
9+
10+
# Firebase cache
11+
.firebase/
12+
13+
# Firebase config
14+
15+
# Uncomment this if you'd like others to create their own Firebase project.
16+
# For a team working on the same Firebase project(s), it is recommended to leave
17+
# it commented so all members can deploy to the same project(s) in .firebaserc.
18+
# .firebaserc
19+
20+
# Runtime data
21+
pids
22+
*.pid
23+
*.seed
24+
*.pid.lock
25+
26+
# Directory for instrumented libs generated by jscoverage/JSCover
27+
lib-cov
28+
29+
# Coverage directory used by tools like istanbul
30+
coverage
31+
32+
# nyc test coverage
33+
.nyc_output
34+
35+
# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
36+
.grunt
37+
38+
# Bower dependency directory (https://bower.io/)
39+
bower_components
40+
41+
# node-waf configuration
42+
.lock-wscript
43+
44+
# Compiled binary addons (http://nodejs.org/api/addons.html)
45+
build/Release
46+
47+
# Dependency directories
48+
node_modules/
49+
50+
# Optional npm cache directory
51+
.npm
52+
53+
# Optional eslint cache
54+
.eslintcache
55+
56+
# Optional REPL history
57+
.node_repl_history
58+
59+
# Output of 'npm pack'
60+
*.tgz
61+
62+
# Yarn Integrity file
63+
.yarn-integrity
64+
65+
# dotenv environment variables file
66+
.env

firebase.json

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
{
2+
"hosting": {
3+
"public": "public",
4+
"ignore": [
5+
"firebase.json",
6+
"**/.*",
7+
"**/node_modules/**"
8+
]
9+
}
10+
}

linkedinClone/index.html

Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<title>Linkedin Clone</title>
9+
<link rel="preconnect" href="https://fonts.googleapis.com">
10+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
11+
<link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
12+
<link rel="stylesheet" href="style.css">
13+
</head>
14+
15+
<body>
16+
<div id="wrapper">
17+
<section id="exploreTopics" class="dataDefine">
18+
<div class="left">
19+
<h1>Explore topics you are interested in</h1>
20+
</div>
21+
<div class="right">
22+
<h5>Content Topics</h5>
23+
<ul>
24+
<li>See All Topics</li>
25+
<li>Workplace</li>
26+
<li>Job Search</li>
27+
<li>Careers</li>
28+
<li>Interviewing</li>
29+
<li>Salary and compensation</li>
30+
<li>Interships</li>
31+
<li>Employee And Benefits</li>
32+
</ul>
33+
</div>
34+
</section>
35+
36+
<section id="rightJob" class="dataDefine">
37+
<div class="left">
38+
<h1>Find the right job or internship for you</h1>
39+
</div>
40+
<div class="right"></div>
41+
</section>
42+
43+
<section id="postJob" class="dataDefine">
44+
<div class="left">
45+
<h1>Post your job for millions of people to see</h1>
46+
</div>
47+
<div class="right"></div>
48+
</section>
49+
50+
<section id="rightPeople" class="dataDefine">
51+
<div class="left">
52+
<h1>Let the right people know you’re open to work</h1>
53+
<p>With the Open To Work feature, you can privately tell recruiters or publicly share with the LinkedIn community that you are looking for new job opportunities.</p>
54+
</div>
55+
<div class="right">
56+
<img src="images/slider-image.png" alt="">
57+
</div>
58+
</section>
59+
</div>
60+
</body>
61+
62+
</html>

linkedinClone/style.css

Lines changed: 70 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,70 @@
1+
*{
2+
margin: 0;
3+
padding: 0;
4+
box-sizing: border-box;
5+
font-family: 'Poppins', sans-serif;
6+
color: #495057;
7+
}
8+
a{text-decoration: none;}
9+
ul{list-style: none;}
10+
11+
#exploreTopics{
12+
background-color: #cdc1ff;
13+
14+
}
15+
.dataDefine {
16+
padding: 3rem 15rem;
17+
display: flex;
18+
}
19+
#rightJob{
20+
21+
}
22+
#postJob{
23+
background-color: #cdc1ff;
24+
}
25+
.dataDefine .left{
26+
width: 45%;
27+
}
28+
.dataDefine .right{
29+
width: 55%;
30+
}
31+
.dataDefine .left h1{
32+
font-size: 1.75rem;
33+
line-height: 1.85;
34+
}
35+
#exploreTopics .left h1 {
36+
padding-right: 10rem;
37+
}
38+
.dataDefine .right h5{
39+
text-transform: uppercase;
40+
margin-bottom: 0.5rem;
41+
}
42+
.dataDefine .right ul{
43+
display: flex;
44+
flex-wrap: wrap;
45+
}
46+
.dataDefine .right ul li{
47+
border: 1px solid #343a40;
48+
border-radius: 3.5rem;
49+
padding: .85rem 1rem;
50+
margin: 0.15rem;
51+
}
52+
53+
#rightPeople{
54+
background-color: #e5d9f2;
55+
padding-top: 6rem;
56+
padding-bottom: 6rem;
57+
}
58+
#rightPeople .left, #rightPeople .right{
59+
width: 50%;
60+
}
61+
#rightPeople .right img{
62+
width: 350px;
63+
}
64+
#rightPeople .left h1{
65+
color: #7371fc;
66+
font-size: 2rem;
67+
}
68+
#rightPeople .left p{
69+
font-size: 1.25rem;
70+
}

pregnancyWebsite/index.html

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Garbaayu | Complete Care for Pregnant Women</title>
8+
<link rel="stylesheet" href="style.css">
9+
</head>
10+
<body>
11+
<div id="wrapper">
12+
13+
</div>
14+
</body>
15+
</html>

pregnancyWebsite/style.css

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
*{
2+
margin: 0;
3+
padding: 0;
4+
box-sizing: border-box;
5+
}
6+
a{
7+
text-decoration: none;
8+
display: inline-block;
9+
}
10+
ul{list-style: none;}

0 commit comments

Comments
 (0)