Skip to content

Instantly share code, notes, and snippets.

@ryanab
Last active August 16, 2017 21:42
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ryanab/924967032a017f6c500a581be501e451 to your computer and use it in GitHub Desktop.
Save ryanab/924967032a017f6c500a581be501e451 to your computer and use it in GitHub Desktop.
Home.js in src/pages directory
import React, { Component } from 'react'
import { Sidebar } from '../theme'
class Home extends Component {
render(){
return (
<div id="wrapper">
<div id="main">
<div className="inner">
<section id="banner">
<div className="content">
<header>
<h1>Welcome to NewsFeed</h1>
<hr />
<p>A free and fully responsive site template</p>
</header>
<p>Aenean ornare velit lacus, ac varius enim ullamcorper eu. Proin aliquam facilisis ante interdum congue. Integer mollis, nisl amet convallis, porttitor magna ullamcorper, amet egestas mauris. Ut magna finibus nisi nec lacinia. Nam maximus erat id euismod egestas. Pellentesque sapien ac quam. Lorem ipsum dolor sit nullam.</p>
<ul className="actions">
<li><a href="#" className="button big">Learn More</a></li>
</ul>
</div>
</section>
</div>
</div>
<Sidebar />
</div>
)
}
}
export default Home
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment