bubble/devthread.ru
1
0
Fork 0
mirror of https://github.com/sergeyyarkov/devthread.ru.git synced 2026-10-11 18:29:10 +03:00
Code Issues Packages Projects Releases Wiki Activity

layout books

Browse Source
This commit is contained in:
Sergey Yarkov 2020-07-02 09:35:15 +03:00
parent a95bc658a5
commit 27561a69d0
2 changed files with 17 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/Books/Books.js
View File

@ -1,20 +1,9 @@
import React from 'react'; import React from 'react';
import './Books.scss' import './Books.scss'
import BooksIcon from '../../images/books-icon__large.svg'
const Books = () => { const Books = () => {
return ( return (
<div className="books"> <div className="books">
<div className="books-heading">
<BooksIcon />
<h1>Что почитать</h1>
</div>
<div className="books-description">
<p>
Здесь представлен список книг по программированию, которые стоило бы прочитать
</p>
</div>
<div className="books-inner inner"> <div className="books-inner inner">
<h2>Lorem ipsum dolor sit amet, consectetur adipiscing.</h2> <h2>Lorem ipsum dolor sit amet, consectetur adipiscing.</h2>
<p> <p>

17
src/pages/books.js
View File

@ -5,12 +5,29 @@ import Books from '../components/Books/Books'
import Offers from '../components/Offers/Offers' import Offers from '../components/Offers/Offers'
import Newsletter from '../components/Newsletter/Newsletter' import Newsletter from '../components/Newsletter/Newsletter'
import BooksIcon from '../images/books-icon__large.svg'
const BooksPage = () => { const BooksPage = () => {
return ( return (
<Layout> <Layout>
<SEO title='Ресурсы' /> <SEO title='Ресурсы' />
<main> <main>
<div className="container-fluid"> <div className="container-fluid">
<div className="row">
<div className="col-md-9 col-xs-12">
<div className="books">
<div className="books-heading">
<BooksIcon />
<h1>Что почитать</h1>
</div>
<div className="books-description">
<p>
Здесь представлен список книг по программированию, которые стоило бы прочитать
</p>
</div>
</div>
</div>
</div>
<div className="row"> <div className="row">
<div className="col-md-9 col-xs-12"> <div className="col-md-9 col-xs-12">
<Books /> <Books />