Skip to content

Instantly share code, notes, and snippets.

@banhaclong20
Forked from saigowthamr/pots.js
Created May 30, 2018 03:20
Show Gist options
  • Save banhaclong20/a53e92db3938fd611697e4aaad6f3d38 to your computer and use it in GitHub Desktop.
Save banhaclong20/a53e92db3938fd611697e4aaad6f3d38 to your computer and use it in GitHub Desktop.
Posts react helmet
import React from "react";
import { Helmet } from "react-helmet";
export default () => (
<div>
<Helmet>
<title>Ideas || MysiteName</title>
<meta name="keywords" content="HTML,CSS,JavaScript" />
<meta
name="description"
content="Ideas page using react helmet very easy to implement "
/>
</Helmet>
<h1 style={{ textAlign: "center" }}>Posts</h1>
<div
style={{
display: "flex",
margin: "2rem",
padding: "2rem"
}}
>
<div
style={{
backgroundColor: "#ccc",
boxShadow: "0 2px 2px black",
padding: "1rem"
}}
>
This prevents repetitive patterns from impairing the overall visual
impression and facilitates the comparison of different typefaces.
Furthermore, it is advantageous when the dummy text is relatively
realistic so that the layout impression of the final publication is not
compromised.
</div>
<div
style={{
backgroundColor: "gold",
boxShadow: "0 2px 2px black",
padding: "1rem",
marginLeft: "1rem"
}}
>
This prevents repetitive patterns from impairing the overall visual
impression and facilitates the comparison of different typefaces.
Furthermore, it is advantageous when the dummy text is relatively
realistic so that the layout impression of the final publication is not
compromised.
</div>
</div>
<div
style={{
display: "flex",
margin: "2rem",
padding: "2rem"
}}
>
<div
style={{
backgroundColor: "#ccc",
boxShadow: "0 2px 2px black",
padding: "1rem"
}}
>
This prevents repetitive patterns from impairing the overall visual
impression and facilitates the comparison of different typefaces.
Furthermore, it is advantageous when the dummy text is relatively
realistic so that the layout impression of the final publication is not
compromised.
</div>
<div
style={{
backgroundColor: "gold",
boxShadow: "0 2px 2px black",
padding: "1rem",
marginLeft: "1rem"
}}
>
This prevents repetitive patterns from impairing the overall visual
impression and facilitates the comparison of different typefaces.
Furthermore, it is advantageous when the dummy text is relatively
realistic so that the layout impression of the final publication is not
compromised.
</div>
</div>
</div>
);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment