generated from cepdnaclk/eYY-XXX-project-template
-
Notifications
You must be signed in to change notification settings - Fork 4
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #17 from e20178dulanga/main
Update footer
- Loading branch information
Showing
3 changed files
with
103 additions
and
55 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
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 |
---|---|---|
@@ -1,48 +1,60 @@ | ||
import peraLogo from '../assets/pera.png'; | ||
import peraLogo from '../assets/pera.png'; /* import pera logo from assets folder */ | ||
import {Link, Outlet} from 'react-router-dom'; /* To link the Main navigation links to the respective pages */ | ||
|
||
function Footer() { | ||
|
||
return ( | ||
|
||
<footer className="footer"> | ||
<div className="footer-card"> | ||
<img className="pera-logo" src={peraLogo} alt="pera logo" /> | ||
<p><p>University of Peradeniya</p> | ||
<div className="footer-nav"> | ||
<div classname = "footer-logo"> | ||
<img className="pera-logo" src={peraLogo} alt="pera logo" /> {/* UoP logo */} | ||
{/* Content which comes under (Uni Name, Project, Project Number) UoP logo */} | ||
<p className= "logo-content"><p>University of Peradeniya</p> | ||
<p>ERASMUS+ CYCLE Project</p> | ||
<p>Project Number: GAP-101128627</p></p> | ||
</div> | ||
</div> | ||
|
||
<div className="footer-nav"> | ||
<nav> | ||
<p>Main Navigation</p> | ||
{/* Topics Followed by the respective links */} | ||
|
||
<h6>Main Navigation</h6> | ||
|
||
<ul> | ||
<li><a href="#">Home</a></li> | ||
<li><a href="#">Log in</a></li> | ||
<li><a href="#">Project Overview</a></li> | ||
<li><a href="#">Contact</a></li> | ||
<li><Link to = '/'>Home</Link></li> | ||
<li><Link to = '/project overview'>Log in</Link></li> | ||
<li><Link to = '/project overview'>Project Overview</Link></li> | ||
<li><Link to = '/contact'>Contact</Link></li> | ||
</ul> | ||
</nav> | ||
|
||
<nav> | ||
<p>Links to other Projects</p> | ||
<h6>Quick Links</h6> | ||
<ul> | ||
<li><a href="#">Link1</a></li> | ||
<li><a href="#">Link2</a></li> | ||
<li><a href="#">Link3</a></li> | ||
<li><a href="https://erasmus-plus.ec.europa.eu/projects/search/details/101128627">Erasmus+ CYCLE</a></li> | ||
<li><a href="http://www.pgis.pdn.ac.lk/">Postgraduate Institute of Science</a></li> | ||
<li><a href="https://www.ce.pdn.ac.lk/">Department of Computer Engineering</a></li> | ||
<li><a href="https://sci.pdn.ac.lk/scs/">Department of Statics & Computer Science</a></li> | ||
<li><a href="https://inro.pdn.ac.lk/">International Relations Office</a></li> | ||
<li><a href="https://www.ugc.ac.lk/">University Grants Commission</a></li> | ||
</ul> | ||
</nav> | ||
|
||
<nav> | ||
<p>Quick Links</p> | ||
<h6>Contact</h6> | ||
<ul> | ||
<li><a href="#">Quick Link1</a></li> | ||
<li><a href="#">Quick Link2</a></li> | ||
<li><a href="#">Quick Link3</a></li> | ||
<li>Manager: <a href="https://people.ce.pdn.ac.lk/staff/academic/upul/">Dr. Upul Jayasinghe</a></li> | ||
<li>Tel: <a href="tel:+94760416590">+94 76 0416 590</a></li> | ||
<li>Email: <a href="mailto:[email protected]">[email protected]</a></li> | ||
|
||
<li> Coordinator: <a href="https://sci.pdn.ac.lk/scs/staff/Erunika-Dayaratna">Dr. Erunika Dayaratna</a></li> | ||
<li>Tel: <a href="tel:+94766986500">+94 76 698 6500</a></li> | ||
<li>Email: <a href="mailto:[email protected]">[email protected]</a></li> | ||
</ul> | ||
</nav> | ||
|
||
</div> | ||
<p className = "footer-websiteName">© {new Date().getFullYear()} ERASMUS+ CYCLE PROJECT</p> | ||
{/* Copyright for the website */} | ||
<p className = "footer-websiteName">Erasmus+ CYCLE Project © {new Date().getFullYear()} - All Rights Reserved</p> | ||
</footer> | ||
); | ||
} | ||
|