bravo68web
/
mern-lpu-hrd-project
mirror of https://github.com/BRAVO68WEB/mern-lpu-hrd-project.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Add files via upload

This commit is contained in:
AkhilBarthwal005 2020-10-25 13:16:42 +05:30 committed by GitHub
parent 8f18086221
commit b8cd3d2fce
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 88 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
frontend/src/components/home.js Normal file
View File

@ -0,0 +1,33 @@
import React from 'react';
import './css/home.css';
import logo from './img/logo.png'
function Home(){
return (
<div>
<div class="firstSection background">
<div class="main-box">
<div class="firstHalf">
<p class="text-big">Your doctor your treatment</p>
<div class="text-small">
Proactively envisioned multimedia based expertise and cross-media growth strategies. Seamlessly visualize quality intellectual capital without superior collaboration and idea-sharing.
<div class="buttons">
<button class="btn">Sign in</button>
<button class="btn">Sign up</button>
</div>
</div>
</div>
<div class="secondHalf">
<img src={logo} alt="logoImage" />
</div>
</div>
</div>
</div>
);
}
export default Home

55
frontend/src/components/nav.js Normal file
View File

@ -0,0 +1,55 @@
import React from 'react';
import './css/nav.css';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faFacebook,faWhatsapp,faInstagram,faTwitter } from '@fortawesome/free-brands-svg-icons'
import {Link} from 'react-router-dom'
function Nav(){
return (
<div>
<nav class="smallnav">
<div class="smallnav-info">
<i class="fa fa-clock-o"></i>
<p>MON-FRI 8AM - 7PM</p>
</div>
<div class="smallnav-info">
<i class="fa fa-volume-control-phone"></i>
<p>CALL +91 9557860483</p>
</div>
<div class="icon">
<div class= "icondesign">
<FontAwesomeIcon icon={faFacebook} />
</div>
<div class= "icondesign">
<FontAwesomeIcon icon={faWhatsapp} />
</div>
<div class= "icondesign">
<FontAwesomeIcon icon={faInstagram} />
</div>
<div class= "icondesign">
<FontAwesomeIcon icon={faTwitter} />
</div>
</div>
</nav>
<nav class="navbar h-nav-resp background">
<ul class="nav-list v-class-resp">
<div class="logo">
<img src="http://medicare.bold-themes.com/general-hospital/wp-content/uploads/sites/14/2018/03/general-hospital-logo-color.png" alt="logo" />
</div>
<li><Link to ="/" class= "listdesign">Home</Link></li>
<li><Link to ="/Department" class= "listdesign">Department</Link></li>
<li><Link to ="/New Appointement" class= "listdesign">New Appointement</Link></li>
<li><Link to ="/Doctors" class= "listdesign">Doctors</Link></li>
<li><Link to ="/Contact us" class= "listdesign">Contact us</Link></li>
</ul>
<div class="right-nav v-class-resp">
<input type="text" name="search" id="search" />
<button class="btn btn-small">Search</button>
</div>
</nav>
</div>
);
}
export default Nav