|
|
@@ -0,0 +1,71 @@
|
|
|
+import logo from './logo.svg';
|
|
|
+import './App.css';
|
|
|
+
|
|
|
+ const Card = () =>
|
|
|
+ <div class="card">
|
|
|
+ <a href="#"><img src="card-logo.png" alt="" class="card-logo"/></a>
|
|
|
+ <h3>Lorem ipsum dolor sit amet </h3>
|
|
|
+ <div class="card-text"><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum sapiente animi molestiae doloremque illum nemo qui sint non dolore autem, quas vero recusandae dignissimos enim distinctio assumenda soluta sunt mollitia? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Lorem ipsum dolor sit amet consectetur adipisicing elit.</p></div>
|
|
|
+ <button class="btn-card">Go</button>
|
|
|
+ </div>
|
|
|
+
|
|
|
+const App = () =>
|
|
|
+ <div className="App">
|
|
|
+ <header class="header">
|
|
|
+ <div class="container">
|
|
|
+ <div class="header-wrap">
|
|
|
+ <a href="#" class="logo">
|
|
|
+ <img src="a-logo.png" alt=""/>
|
|
|
+ </a>
|
|
|
+ <nav class="nav">
|
|
|
+ <input type="checkbox" name="" id="burger"/>
|
|
|
+ <label for="burger" class="burger">
|
|
|
+ <span></span>
|
|
|
+ </label>
|
|
|
+ <ul class="nav-list">
|
|
|
+ <li class="nav-item">
|
|
|
+ <a href="#" class="nav-link">Item1</a>
|
|
|
+ </li>
|
|
|
+ <li class="nav-item">
|
|
|
+ <a href="#"class="nav-link">Item2</a>
|
|
|
+ </li>
|
|
|
+ <li class="nav-item">
|
|
|
+ <a href="#"class="nav-link">Item3</a>
|
|
|
+ </li>
|
|
|
+ <li class="nav-item">
|
|
|
+ <a href="#"class="nav-link">Item4</a>
|
|
|
+ </li>
|
|
|
+ <li class="nav-item">
|
|
|
+ <a href="#"class="nav-link">Item5</a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </nav>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </header>
|
|
|
+ <div class="content">
|
|
|
+ <main class="main">
|
|
|
+ <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Odit, repudiandae omnis? A optio distinctio blanditiis debitis tenetur error minima nisi doloremque, voluptatem voluptas eveniet qui, molestiae architecto esse voluptatum temporibus.</p>
|
|
|
+ <h2>OUR WORK</h2>
|
|
|
+ <div class="card-holder">
|
|
|
+ <Card/>
|
|
|
+ <Card/>
|
|
|
+ <Card/>
|
|
|
+ <Card/>
|
|
|
+ <Card/>
|
|
|
+ <Card/>
|
|
|
+ </div>
|
|
|
+ </main>
|
|
|
+ <aside class="aside aside_left">
|
|
|
+ <span>Aside Left</span>
|
|
|
+ </aside>
|
|
|
+ <aside class="aside aside_right">
|
|
|
+ <span>Aside right</span>
|
|
|
+ </aside>
|
|
|
+ </div>
|
|
|
+ <footer class="footer">
|
|
|
+ <span>footer</span>
|
|
|
+ </footer>
|
|
|
+ </div>
|
|
|
+
|
|
|
+export default App;
|
