adding octocat image

ireneelizabethsabu · Sep 6, 2021 · 073964f · 073964f
1 parent a953a30
commit 073964f
Show file tree

Hide file tree

Showing 5 changed files with 27 additions and 3 deletions.
diff --git a/src/assets/octocat.png b/src/assets/octocat.png
diff --git a/src/components/Home.css b/src/components/Home.css
@@ -1,6 +1,9 @@
-.home-row{ 
+.right{
     padding-top: 150px;
 }
+.left{
+    padding-top: 100px;
+}
 .title {
     font-size: 1.3rem !important;
     letter-spacing: 3px;

diff --git a/src/components/Home.js b/src/components/Home.js
@@ -2,7 +2,7 @@ import React, {  useState } from "react";
 import {Button, Form,Row,Col, Container} from 'react-bootstrap';
 import './Home.css';
 import { useHistory } from "react-router-dom";
-//import {Octocat} from '.octocat.gif';
+import octocat from '../assets/octocat.png';
 
 export const Home = () => {
     const [id,setId]=useState('');
@@ -15,7 +15,10 @@ export const Home = () => {
         <Container fluid className="min-vh-100 home-container">
 
             <Row className="home-row justify-content-center">
-                <Col className="text-center">
+                <Col className="left pr-0 d-none d-lg-block d-flex justify-content-center">
+                    <img src={octocat} width="500px" alt="pic"/>
+                </Col>
+                <Col className="text-center right pl-0">
                 <h1 >CV-GENERATOR</h1>
                 <p className="title gradient-font">
                     Generates CV Based on Github Profile 

diff --git a/src/components/octo.svg b/src/components/octo.svg
diff --git a/src/components/octocat.png b/src/components/octocat.png