-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
10 changed files
with
660 additions
and
30 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -5,3 +5,4 @@ dist | |
package-lock.json | ||
.DS_Store | ||
coverage | ||
.env |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,217 @@ | ||
/* eslint-disable max-len */ | ||
import React, { Fragment } from 'react'; | ||
import './subject.scss'; | ||
|
||
const SubjectComponent = () => { | ||
return ( | ||
<Fragment> | ||
<div className="container"> | ||
<div className="col s12 center-align"> | ||
<h3>Arts</h3> | ||
</div> | ||
<div className="row"> | ||
<div className="col s12 m6 l4"> | ||
<div className="card"> | ||
<div className="card-image"> | ||
<img | ||
className="activator" | ||
alt="Cover" | ||
src="https://i.pinimg.com/564x/b2/69/9d/b2699de28deffa0883978ffecfd977a1.jpg?b=t" | ||
/> | ||
</div> | ||
<div className="card-content right-align"> | ||
<span className="card-title activator flow-text truncate center-align"> | ||
How to Develop Your Ideas | ||
</span> | ||
<strong>by: Bugs Burney</strong> | ||
<div> | ||
<a href="/#">Read more</a> | ||
</div> | ||
</div> | ||
<div className="card-reveal"> | ||
<span className="card-title grey-text text-darken-4"> | ||
How to Develop Your Ideas | ||
<i className="material-icons right">close</i> | ||
</span> | ||
<p> | ||
This article explains how I learnt to share my ideas through | ||
art. | ||
</p> | ||
<div> | ||
<a href="/#">Click here to read</a> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
<div className="col s12 m6 l4"> | ||
<div className="card"> | ||
<div className="card-image"> | ||
<img | ||
className="activator" | ||
alt="Cover" | ||
src="https://i.pinimg.com/564x/b2/69/9d/b2699de28deffa0883978ffecfd977a1.jpg?b=t" | ||
/> | ||
</div> | ||
<div className="card-content right-align"> | ||
<span className="card-title activator flow-text truncate center-align"> | ||
How to Develop Your Ideas | ||
</span> | ||
<strong>by: Bugs Burney</strong> | ||
<div> | ||
<a href="/#">Read more</a> | ||
</div> | ||
</div> | ||
<div className="card-reveal"> | ||
<span className="card-title grey-text text-darken-4"> | ||
How to Develop Your Ideas | ||
<i className="material-icons right">close</i> | ||
</span> | ||
<p> | ||
This article explains how I learnt to share my ideas through | ||
art. | ||
</p> | ||
<div> | ||
<a href="/#">Click here to read</a> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
<div className="col s12 m6 l4"> | ||
<div className="card"> | ||
<div className="card-image"> | ||
<img | ||
className="activator" | ||
alt="Cover" | ||
src="https://i.pinimg.com/564x/b2/69/9d/b2699de28deffa0883978ffecfd977a1.jpg?b=t" | ||
/> | ||
</div> | ||
<div className="card-content right-align"> | ||
<span className="card-title activator flow-text truncate center-align"> | ||
How to Develop Your Ideas | ||
</span> | ||
<strong>by: Bugs Burney</strong> | ||
<div> | ||
<a href="/#">Read more</a> | ||
</div> | ||
</div> | ||
<div className="card-reveal"> | ||
<span className="card-title grey-text text-darken-4"> | ||
How to Develop Your Ideas | ||
<i className="material-icons right">close</i> | ||
</span> | ||
<p> | ||
This article explains how I learnt to share my ideas through | ||
art. | ||
</p> | ||
<div> | ||
<a href="/#">Click here to read</a> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
<div className="col s12 m6 l4"> | ||
<div className="card"> | ||
<div className="card-image"> | ||
<img | ||
className="activator" | ||
alt="Cover" | ||
src="https://i.pinimg.com/564x/b2/69/9d/b2699de28deffa0883978ffecfd977a1.jpg?b=t" | ||
/> | ||
</div> | ||
<div className="card-content right-align"> | ||
<span className="card-title activator flow-text truncate center-align"> | ||
How to Develop Your Ideas | ||
</span> | ||
<strong>by: Bugs Burney</strong> | ||
<div> | ||
<a href="/#">Read more</a> | ||
</div> | ||
</div> | ||
<div className="card-reveal"> | ||
<span className="card-title grey-text text-darken-4"> | ||
How to Develop Your Ideas | ||
<i className="material-icons right">close</i> | ||
</span> | ||
<p> | ||
This article explains how I learnt to share my ideas through | ||
art. | ||
</p> | ||
<div> | ||
<a href="/#">Click here to read</a> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
<div className="col s12 m6 l4"> | ||
<div className="card"> | ||
<div className="card-image"> | ||
<img | ||
className="activator" | ||
alt="Cover" | ||
src="https://i.pinimg.com/564x/b2/69/9d/b2699de28deffa0883978ffecfd977a1.jpg?b=t" | ||
/> | ||
</div> | ||
<div className="card-content right-align"> | ||
<span className="card-title activator flow-text truncate center-align"> | ||
How to Develop Your Ideas | ||
</span> | ||
<strong>by: Bugs Burney</strong> | ||
<div> | ||
<a href="/#">Read more</a> | ||
</div> | ||
</div> | ||
<div className="card-reveal"> | ||
<span className="card-title grey-text text-darken-4"> | ||
How to Develop Your Ideas | ||
<i className="material-icons right">close</i> | ||
</span> | ||
<p> | ||
This article explains how I learnt to share my ideas through | ||
art. | ||
</p> | ||
<div> | ||
<a href="/#">Click here to read</a> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
<div className="col s12 m6 l4"> | ||
<div className="card"> | ||
<div className="card-image"> | ||
<img | ||
className="activator" | ||
alt="Cover" | ||
src="https://i.pinimg.com/564x/b2/69/9d/b2699de28deffa0883978ffecfd977a1.jpg?b=t" | ||
/> | ||
</div> | ||
<div className="card-content right-align"> | ||
<span className="card-title activator flow-text truncate center-align"> | ||
How to Develop Your Ideas | ||
</span> | ||
<strong>by: Bugs Burney</strong> | ||
<div> | ||
<a href="/#">Read more</a> | ||
</div> | ||
</div> | ||
<div className="card-reveal"> | ||
<span className="card-title grey-text text-darken-4"> | ||
How to Develop Your Ideas | ||
<i className="material-icons right">close</i> | ||
</span> | ||
<p> | ||
This article explains how I learnt to share my ideas through | ||
art. | ||
</p> | ||
<div> | ||
<a href="/#">Click here to read</a> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</Fragment> | ||
); | ||
}; | ||
|
||
export default SubjectComponent; |
Oops, something went wrong.