Skip to content

Commit f0e4007

Browse files
elangosundarelangosundar
committed
Added
1 parent f637714 commit f0e4007

4 files changed

Lines changed: 36 additions & 28 deletions

File tree

‎src/Components/Herocontent.js‎

Lines changed: 7 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -4,29 +4,18 @@ import React from 'react';
44
class Herocontent extends React.Component {
55
render() {
66
return (
7-
<div className="main thememain-white">
7+
<div className="main thememain-blue">
88
<div className="container main">
9-
<div className="row">
10-
<div className="col-sm-12">
11-
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
12-
</div>
13-
</div>
14-
<div className="row"></div>
15-
<div className="row">
16-
<div className="col-sm">
17-
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. I
18-
</div>
19-
<div className="col-sm">
20-
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. I
21-
</div>
22-
<div className="col-sm">
23-
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. I
24-
</div>
9+
<div className="col-12">
10+
<h2 className="theme-text">The Modern ReactJS Tutorial</h2>
11+
<p className="theme-text" >How it's done now. From the basics to advanced topics with simple, but detailed explanations.
12+
<a className="button button--big" href="#">Download for Linux</a>
13+
</p>
2514
</div>
2615
</div>
2716
</div>
2817
)
2918
}
3019
}
3120

32-
export default Herocontent;
21+
export default Herocontent;

‎src/Components/Main.js‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,9 +4,9 @@ import React from 'react';
44
class Main extends React.Component {
55
render() {
66
return (
7-
<div className="main thememain">
8-
<div className="container main thememain">
9-
<div className="row thememain" >
7+
<div className="main thememain-white">
8+
<div className="container main">
9+
<div className="row" >
1010
<div className="col-sm-12">
1111
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
1212
</div>

‎src/Components/Navigation.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,9 +4,9 @@ import React from 'react';
44
class Navigation extends React.Component {
55
render() {
66
return (
7-
<div className="main thememain">
7+
<div className="main thememain-header">
88
<div className="container">
9-
<nav className="navbar navbar-expand-lg navbar-light bg-light thememain">
9+
<nav className="navbar navbar-expand-lg navbar-light bg-light thememain-header">
1010
<a className="navbar-brand" href="#">Navbar</a>
1111
<button className="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
1212
<span className="navbar-toggler-icon"></span>

‎src/style.css‎

Lines changed: 24 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,30 @@
1-
.thememain{
1+
.thememain-white{
2+
background: white;
3+
}
4+
5+
.thememain-header{
26
background: linear-gradient(165deg,#6e60cc,#484389);
7+
color:white;
38
}
49

5-
.herecontent{
6-
background: white;
10+
.thememain-header a{
11+
color:white !important;
712
}
813

9-
.thememain-white{
10-
background: white;
14+
.thememain-blue{
15+
background: linear-gradient(165deg,#6e60cc,#484389);
16+
width: 100%;
17+
min-height: 30rem;
18+
width: 100%;
19+
margin: 0 auto;
20+
padding-top: 50px;
21+
box-sizing: border-box;
22+
color:white;
23+
}
24+
25+
.theme-text{
26+
text-align: center;
27+
/*padding-top: 10px;*/
28+
font-size: 16px;
29+
line-height: 1.5;
1130
}

0 commit comments

Comments
 (0)