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';
|
||||
|
||||
function App() {
|
||||
return <div className="App"></div>;
|
||||
}
|
||||
const App = () => {
|
||||
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;
|
||||
|
|
|
|||
Loading…
Reference in a new issue