Skip to content

Commit afaac72

Browse files
chirag0002chirag0002
authored
Merge pull request #1 from chirag0002/landing
feat: landing page
2 parents 8309a59 + 71d763b commit afaac72

17 files changed

+29287
-0
lines changed

‎.gitignore

+1
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,3 @@
11
*.agdai
22
MAlonzo/**
3+
node_modules

‎package-lock.json

+29,038
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

+38
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
{
2+
"name": "d2d",
3+
"version": "0.1.0",
4+
"private": true,
5+
"dependencies": {
6+
"@testing-library/jest-dom": "^5.16.5",
7+
"@testing-library/react": "^13.4.0",
8+
"@testing-library/user-event": "^13.5.0",
9+
"react": "^18.2.0",
10+
"react-dom": "^18.2.0",
11+
"react-scripts": "5.0.1",
12+
"web-vitals": "^2.1.4"
13+
},
14+
"scripts": {
15+
"start": "react-scripts start",
16+
"build": "react-scripts build",
17+
"test": "react-scripts test",
18+
"eject": "react-scripts eject"
19+
},
20+
"eslintConfig": {
21+
"extends": [
22+
"react-app",
23+
"react-app/jest"
24+
]
25+
},
26+
"browserslist": {
27+
"production": [
28+
">0.2%",
29+
"not dead",
30+
"not op_mini all"
31+
],
32+
"development": [
33+
"last 1 chrome version",
34+
"last 1 firefox version",
35+
"last 1 safari version"
36+
]
37+
}
38+
}

‎public/favicon.ico

3.78 KB
Binary file not shown.

‎public/index.html

+18
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8" />
5+
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1" />
7+
<meta name="theme-color" content="#000000" />
8+
<meta
9+
name="description"
10+
content="Web site created using create-react-app"
11+
/>
12+
<title>React App</title>
13+
</head>
14+
<body>
15+
<noscript>You need to enable JavaScript to run this app.</noscript>
16+
<div id="root"></div>
17+
</body>
18+
</html>

‎src/App.js

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
import React from 'react'
2+
import Header from "./components/Header";
3+
4+
const App = () => {
5+
return (
6+
<div>
7+
<Header />
8+
</div>
9+
)
10+
}
11+
12+
export default App

‎src/Images/D2D.png

686 Bytes
Loading

‎src/Images/Ellipse 8.png

880 Bytes
Loading

‎src/Images/Ellipse 9.png

605 Bytes
Loading

‎src/Images/Rectangle 12.png

1.45 KB
Loading

‎src/Images/d2d4 1.png

64.1 KB
Loading

‎src/Images/d2d4 2.png

106 KB
Loading

‎src/Images/d2d4 3.png

90.3 KB
Loading

‎src/components/Header.js

+55
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
import React from 'react'
2+
import d2d from "../Images/D2D.png";
3+
import one from "../Images/d2d4 1.png";
4+
import two from "../Images/d2d4 2.png";
5+
import three from "../Images/d2d4 3.png";
6+
import dot from "../Images/Ellipse 8.png";
7+
import dot1 from "../Images/Ellipse 9.png";
8+
import "../styles/header.css";
9+
10+
const Header = () => {
11+
return (
12+
<div>
13+
<nav className="navigation container">
14+
<div className="nav-brand">
15+
<img className="nav-brand-logo" src={d2d} alt="logo" />
16+
</div>
17+
<ul className="list-non-bullet nav-pills">
18+
<li className="list-item-inline">
19+
<a className="link" href="#">Community</a>
20+
</li>
21+
<li className="list-item-inline">
22+
<a className="link" href="#">What's New</a>
23+
</li>
24+
<li className="list-item-inline">
25+
<a className="link" href="#">About</a>
26+
</li>
27+
<li className="list-item-inline">
28+
<a className="link" href="#">Blog</a>
29+
</li>
30+
</ul>
31+
</nav>
32+
<img className="header-dot" src={dot} alt="dot" />
33+
<img className="header-dot1" src={dot1} alt="dot" />
34+
<img className="header-dot2" src={dot1} alt="dot" />
35+
<header className="header container">
36+
<div className="header-head">
37+
<div className="header-heading">
38+
Develop and Grow with D2D
39+
</div>
40+
<div className="header-text">
41+
A community for students, developers, designers, working professional and start-ups.
42+
</div>
43+
<hr className="header-line" />
44+
</div>
45+
<div className="header-body">
46+
<img className="header-img-1" src={one} alt="pic" />
47+
<img className="header-img-2" src={two} alt="pic" />
48+
<img className="header-img-3" src={three} alt="pic" />
49+
</div>
50+
</header>
51+
</div>
52+
)
53+
}
54+
55+
export default Header

‎src/index.css

+13
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
body {
2+
margin: 0;
3+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
4+
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
5+
sans-serif;
6+
-webkit-font-smoothing: antialiased;
7+
-moz-osx-font-smoothing: grayscale;
8+
}
9+
10+
code {
11+
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
12+
monospace;
13+
}

‎src/index.js

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
import React from 'react';
2+
import ReactDOM from 'react-dom/client';
3+
import './index.css';
4+
import App from './App';
5+
6+
const root = ReactDOM.createRoot(document.getElementById('root'));
7+
root.render(
8+
<React.StrictMode>
9+
<App />
10+
</React.StrictMode>
11+
);
12+

‎src/styles/header.css

+100
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,100 @@
1+
.navigation {
2+
width: 85%;
3+
color: white;
4+
padding: 1rem;
5+
border-bottom-left-radius: 1rem;
6+
font-weight: bold;
7+
font-size: 1.3rem;
8+
display: flex;
9+
justify-content: space-between;
10+
margin: 0 auto;
11+
}
12+
13+
.nav-pills {
14+
text-align: right;
15+
}
16+
17+
.navigation .link {
18+
color: black;
19+
text-decoration: none;
20+
}
21+
22+
.navigation .link:hover {
23+
background-color: #00ABB3;
24+
border-radius: 0.5rem;
25+
}
26+
27+
.list-item-inline {
28+
display: inline;
29+
padding: 0rem 1.5rem;
30+
}
31+
32+
.nav-brand-logo{
33+
margin: 1rem 0;
34+
width:5rem;
35+
}
36+
37+
.header{
38+
width:85%;
39+
margin: 3rem auto;
40+
display: flex;
41+
}
42+
43+
.header-heading{
44+
font-size: 3rem;
45+
font-weight: bold;
46+
color: #00ABB3;
47+
width: 85%;
48+
margin-top:3rem;
49+
line-height: 1.3;
50+
}
51+
52+
.header-text{
53+
font-size: 1.2rem;
54+
width: 80%;
55+
}
56+
57+
.header-line{
58+
width: 80%;
59+
height: 0.1rem;
60+
background-color: #00ABB3;
61+
margin: 1rem 0;
62+
}
63+
64+
.header-body{
65+
display: inline;
66+
}
67+
68+
.header-img-1{
69+
z-index: 1;
70+
}
71+
72+
.header-img-2{
73+
z-index: 2;
74+
margin-left: -3rem;
75+
margin-bottom: -6rem;
76+
}
77+
78+
.header-img-3{
79+
z-index: 3;
80+
margin-left: -2rem;
81+
margin-bottom: -2rem;
82+
}
83+
84+
.header-dot{
85+
position: absolute;
86+
top: 9rem;
87+
left:3rem;
88+
}
89+
90+
.header-dot1{
91+
position: absolute;
92+
top: 7rem;
93+
left:8rem;
94+
}
95+
96+
.header-dot2{
97+
position: absolute;
98+
top: 7.5rem;
99+
left:12rem;
100+
}

0 commit comments

Comments
 (0)