ruidy/devbook_ts
1
0
Fork 0
mirror of https://github.com/rjNemo/devbook_ts synced 2026-06-12 13:36:43 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

create pages folder and Landing page component

Browse source
This commit is contained in:
Ruidy Nemausat 2020-05-12 11:24:22 +02:00
parent 10ea77887b
commit fabaf35562
3 changed files with 32 additions and 41 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

44
src/App.tsx
View file

@ -1,46 +1,12 @@
import React from 'react';
import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
import {faCode} from '@fortawesome/free-solid-svg-icons';
import NavBar from './components/NavBar';
import Landing from './pages/Landing';
const App = () => {
return (
<>
<nav className="navbar bg-dark">
<h1>
<a href="dashboard.html">
<FontAwesomeIcon icon={faCode} /> {' '} DevBook
</a>
</h1>
<ul>
<li>
<a href="profiles.html">Developers</a>
</li>
<li>
<a href="register.html">Register</a>
</li>
<li>
<a href="login.html">Login</a>
</li>
</ul>
</nav>
<section className="landing">
<div className="dark-overlay">
<div className="landing-inner">
<h1 className="x-large">DevBook</h1>
<p className="lead">
Create developer profiles, portfolio, share and get help from
other devs
</p>
<div className="buttons">
<a href="register.html" className="btn btn-primary">
Sign up
</a>
<a href="login.html" className="btn btn-light">
Login
</a>
</div>
</div>
</div>
</section>
<NavBar />
<Landing />
</>
);
};

4
src/components/NavBar.tsx
View file

@ -1,8 +1,8 @@
import React from 'react';
import React, {FC} from 'react';
import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
import {faCode} from '@fortawesome/free-solid-svg-icons';
const NavBar = () => (
const NavBar: FC = () => (
<nav className="navbar bg-dark">
<h1>
<a href="dashboard.html">

25
src/pages/Landing.tsx Normal file
View file

@ -0,0 +1,25 @@
import React, {FC} from 'react';
const Landing: FC = () => (
<section className="landing">
<div className="dark-overlay">
<div className="landing-inner">
<h1 className="x-large">DevBook</h1>
<p className="lead">
Create developer profiles, portfolio, share and get help from other
devs
</p>
<div className="buttons">
<a href="register.html" className="btn btn-primary">
Sign up
</a>
<a href="login.html" className="btn btn-light">
Login
</a>
</div>
</div>
</div>
</section>
);
export default Landing;