mirror of
https://github.com/rjNemo/devbook_ts
synced 2026-06-12 13:36:43 +00:00
write landing page layout
This commit is contained in:
parent
9725fd9278
commit
3164d231e6
1 changed files with 44 additions and 3 deletions
47
src/App.tsx
47
src/App.tsx
|
|
@ -1,7 +1,48 @@
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
|
|
||||||
function App() {
|
const App = () => {
|
||||||
return <div className="App"></div>;
|
return (
|
||||||
}
|
<>
|
||||||
|
<nav className="navbar bg-dark">
|
||||||
|
<h1>
|
||||||
|
<a href="dashboard.html">
|
||||||
|
{' '}
|
||||||
|
<i className="fa fa-code"></i> 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>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
export default App;
|
export default App;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue