Skip to content

Commit 662f7f0

Browse files
IngridFuentesIngridFuentes
committed
home page done
1 parent bf3acf7 commit 662f7f0

File tree

5 files changed

+189
-4
lines changed

5 files changed

+189
-4
lines changed

‎package-lock.json

+21-2
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/App.js

+4-2
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,12 @@
11
import '../src/assets/css/App.css';
2-
import Main from './components/Main/Main';
2+
import HomePage from './components/HomePage/HomePage';
3+
// import Main from './components/Main/Main';
34

45
function App() {
56
return (
67
<div className="App">
7-
<Main />
8+
{/* <Main /> */}
9+
<HomePage />
810
</div>
911
);
1012
}

‎src/components/HomePage/HomePage.js

+26
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
import React from "react";
2+
import './Homepage.css';
3+
4+
5+
6+
const HomePage = () => {
7+
8+
return (
9+
10+
<div>
11+
<h1 className="title"> Open Source Internships</h1>
12+
<div className="line"></div>
13+
<span className="sentence">We are an organization to help you find open source internships</span>
14+
<span className="open-source-line">What Open Source is ... </span>
15+
<span className="box"></span>
16+
<div className="open-source-definition">a term that is referred to Open Source Software that is designed to be
17+
publicly accessible meaning that any user can see, modify, and distribute the code.
18+
</div>
19+
<span className="ending-line">We are here to help you!</span>
20+
<button className="button">Start</button>
21+
</div>
22+
)
23+
24+
}
25+
26+
export default HomePage;

‎src/components/HomePage/Homepage.css

+102
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,102 @@
1+
html, body {
2+
margin: 0;
3+
height: 100%;
4+
background: radial-gradient(111.36% 277.12% at -7.7% 2.76%, rgba(135, 55, 103, 0.74499) 0%, rgba(54, 55, 79, 0.74499) 0.02%, rgba(198, 209, 211, 0.889953) 9.88%, rgba(215, 231, 243, 0) 61.62%, #A98C9D 99.84%, rgba(204, 142, 179, 0) 120%, #ab8e9f 100%);
5+
}
6+
.line{
7+
position: absolute;
8+
width: 99.6%;
9+
height: 0px;
10+
border: 3px solid #BBBBBB;
11+
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
12+
margin-top: 75px;
13+
}
14+
h1.title{
15+
position: absolute;
16+
width: 450px;
17+
height: 28px;
18+
font-family: Roboto;
19+
font-style: normal;
20+
font-weight: normal;
21+
font-size: 35px;
22+
line-height: 28px;
23+
color: #4A4747;
24+
margin: 20px;
25+
margin-block-start: 0.98em;
26+
margin-block-end: 0.98em;
27+
margin-inline-start: 520px;
28+
margin-inline-end: 550px;
29+
}
30+
.sentence{
31+
position: absolute;
32+
width: 650px;
33+
height: 21px;
34+
font-family: Roboto;
35+
font-style: normal;
36+
font-weight: normal;
37+
font-size: 25px;
38+
line-height: 21px;
39+
color: #5C4949;
40+
margin-top: 110px;
41+
margin-left: -295px;
42+
}
43+
.open-source-line{
44+
position: absolute;
45+
width: 250px;
46+
height: 21px;
47+
font-family: Roboto;
48+
font-style: normal;
49+
font-weight: normal;
50+
font-size: 25px;
51+
line-height: 21px;
52+
color: #5C4949;
53+
margin-top: 190px;
54+
margin-left: -550px;
55+
}
56+
.box{
57+
position: absolute;
58+
width: 730px;
59+
height: 120px;
60+
background: #DEE0E4;
61+
box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
62+
border-radius: 5px;
63+
margin-top: 240px;
64+
margin-left: -250px;
65+
}
66+
.open-source-definition{
67+
position: absolute;
68+
width: 720px;
69+
height: 32px;
70+
font-family: Roboto;
71+
font-style: normal;
72+
font-weight: normal;
73+
font-size: 22px;
74+
line-height: 23px;
75+
margin-top: 270px;
76+
margin-left: 480px;
77+
color: #5C4949;
78+
}
79+
80+
.ending-line{
81+
position: absolute;
82+
width: 220px;
83+
height: 21px;
84+
font-family: Roboto;
85+
font-style: normal;
86+
font-weight: normal;
87+
font-size: 22px;
88+
line-height: 21px;
89+
color: #000000;
90+
margin-top: 480px;
91+
margin-left: -118px;
92+
}
93+
button.button{
94+
position: absolute;
95+
width: 149px;
96+
height: 31px;
97+
background: rgba(36, 16, 36, 0.79);
98+
border-radius: 5px;
99+
color: white;
100+
margin-top: 530px;
101+
margin-left: -75px;
102+
}

‎yarn.lock

+36
Original file line numberDiff line numberDiff line change
@@ -1402,6 +1402,7 @@
14021402
"jest-resolve" "^26.6.2"
14031403
"jest-util" "^26.6.2"
14041404
"jest-worker" "^26.6.2"
1405+
"node-notifier" "^8.0.0"
14051406
"slash" "^3.0.0"
14061407
"source-map" "^0.6.0"
14071408
"string-length" "^4.0.1"
@@ -2843,6 +2844,13 @@
28432844
"resolved" "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz"
28442845
"version" "2.2.0"
28452846

2847+
"bindings@^1.5.0":
2848+
"integrity" "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ=="
2849+
"resolved" "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz"
2850+
"version" "1.5.0"
2851+
dependencies:
2852+
"file-uri-to-path" "1.0.0"
2853+
28462854
"bluebird@^3.5.5":
28472855
"integrity" "sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg=="
28482856
"resolved" "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz"
@@ -3273,6 +3281,7 @@
32733281
"anymatch" "^2.0.0"
32743282
"async-each" "^1.0.1"
32753283
"braces" "^2.3.2"
3284+
"fsevents" "^1.2.7"
32763285
"glob-parent" "^3.1.0"
32773286
"inherits" "^2.0.3"
32783287
"is-binary-path" "^1.0.0"
@@ -3291,6 +3300,7 @@
32913300
dependencies:
32923301
"anymatch" "~3.1.2"
32933302
"braces" "~3.0.2"
3303+
"fsevents" "~2.3.2"
32943304
"glob-parent" "~5.1.2"
32953305
"is-binary-path" "~2.1.0"
32963306
"is-glob" "~4.0.1"
@@ -4580,6 +4590,7 @@
45804590
"estraverse" "^5.2.0"
45814591
"esutils" "^2.0.2"
45824592
"optionator" "^0.8.1"
4593+
"source-map" "~0.6.1"
45834594
optionalDependencies:
45844595
"source-map" "~0.6.1"
45854596

@@ -5325,6 +5336,19 @@
53255336
"resolved" "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz"
53265337
"version" "1.0.0"
53275338

5339+
"fsevents@^1.2.7":
5340+
"integrity" "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw=="
5341+
"resolved" "https://registry.npmjs.org/fsevents/-/fsevents-1.2.13.tgz"
5342+
"version" "1.2.13"
5343+
dependencies:
5344+
"bindings" "^1.5.0"
5345+
"nan" "^2.12.1"
5346+
5347+
"fsevents@^2.1.2", "fsevents@^2.1.3", "fsevents@~2.3.2":
5348+
"integrity" "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA=="
5349+
"resolved" "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz"
5350+
"version" "2.3.2"
5351+
53285352
"function-bind@^1.1.1":
53295353
"integrity" "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
53305354
"resolved" "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz"
@@ -6576,6 +6600,7 @@
65766600
"@types/node" "*"
65776601
"anymatch" "^3.0.3"
65786602
"fb-watchman" "^2.0.0"
6603+
"fsevents" "^2.1.2"
65796604
"graceful-fs" "^4.2.4"
65806605
"jest-regex-util" "^26.0.0"
65816606
"jest-serializer" "^26.6.2"
@@ -6968,6 +6993,8 @@
69686993
"integrity" "sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss="
69696994
"resolved" "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz"
69706995
"version" "4.0.0"
6996+
dependencies:
6997+
"graceful-fs" "^4.1.6"
69716998
optionalDependencies:
69726999
"graceful-fs" "^4.1.6"
69737000

@@ -6976,6 +7003,7 @@
69767003
"resolved" "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz"
69777004
"version" "6.1.0"
69787005
dependencies:
7006+
"graceful-fs" "^4.1.6"
69797007
"universalify" "^2.0.0"
69807008
optionalDependencies:
69817009
"graceful-fs" "^4.1.6"
@@ -7593,6 +7621,11 @@
75937621
"dns-packet" "^1.3.1"
75947622
"thunky" "^1.0.2"
75957623

7624+
"nan@^2.12.1":
7625+
"integrity" "sha512-8ZtvEnA2c5aYCZYd1cvgdnU6cqwixRoYg70xPLWUws5ORTa/lnw+u4amixRS/Ac5U5mQVgp9pnlSUnbNWFaWZQ=="
7626+
"resolved" "https://registry.npmjs.org/nan/-/nan-2.15.0.tgz"
7627+
"version" "2.15.0"
7628+
75967629
"nanocolors@^0.2.12", "nanocolors@^0.2.2", "nanocolors@^0.2.8":
75977630
"integrity" "sha512-SFNdALvzW+rVlzqexid6epYdt8H9Zol7xDoQarioEFcFN0JHo4CYNztAxmtfgGTVRCmFlEOqqhBpoFGKqSAMug=="
75987631
"resolved" "https://registry.npmjs.org/nanocolors/-/nanocolors-0.2.12.tgz"
@@ -9391,6 +9424,7 @@
93919424
"eslint-webpack-plugin" "^2.5.2"
93929425
"file-loader" "6.1.1"
93939426
"fs-extra" "^9.0.1"
9427+
"fsevents" "^2.1.3"
93949428
"html-webpack-plugin" "4.5.0"
93959429
"identity-obj-proxy" "3.0.0"
93969430
"jest" "26.6.0"
@@ -11359,8 +11393,10 @@
1135911393
"resolved" "https://registry.npmjs.org/watchpack/-/watchpack-1.7.5.tgz"
1136011394
"version" "1.7.5"
1136111395
dependencies:
11396+
"chokidar" "^3.4.1"
1136211397
"graceful-fs" "^4.1.2"
1136311398
"neo-async" "^2.5.0"
11399+
"watchpack-chokidar2" "^2.0.1"
1136411400
optionalDependencies:
1136511401
"chokidar" "^3.4.1"
1136611402
"watchpack-chokidar2" "^2.0.1"

0 commit comments

Comments
 (0)