profiles.html

﻿<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title></title>
  <link rel="stylesheet" type="text/css" href="./src/styles/profilestyle.css">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>á‰€áŒ£áˆª</title>
        <link rel="stylesheet" href="src/styles/about us.css">
    </head>
    <header>
        <div>
            <img id="logoImage" src="assets\logo\phd-logos.jpg">
        </div>
        <nav>
            <ul>
        <li> <a href="jobs.html" > Jobs </a> </li>
        <li> <a href="postJob.html"> Post a Job </a> </li>
        <li> <a href="cvGenerator.html"> Cv Generator </a> </li>
        <li><a href="about us.html">About Us</a></li>
        <li> <a href="contact.html"> Contact Us </a> </li>
            </ul>
        </nav>
    </header>
    <body>
<div class="main active">
  <div class="left-side">
    <img src="./assets/illustrations/undraw_male_avatar_323b.svg" class="pro-img">
    <br>
    <h1>Contact</h1>
    <p class="contact" id="pnumber" ></p>
    <span id="email"></span>
    <span id="address"></span>
    
        <br>
        <h1 class="about-h1" >Reference</h1>
        <p id="fRefName"></p>
        <p id="fRefPhone"></p>
        <p  id="sRefName"></p>
        <p id="sRefPhone"></p>
    

    <br>
    <h1 class="edu-h1">Education</h1>
        <p id="schoolName"></p>
    <p id="schoolLocation"></p>
    <p id="degreeDate"></p>
    <p id="degree"></p>
        <br>
        <h1 class="edu-h1">language</h1>
        <p id="flanguage"></p>
        <div id="progress2"></div>
        <p id="slanguage"></p>
        <div id="progress"></div>
    
  </div>
  <div class="right-side">
    <div class="head">
    <h2  style="display: inline;"> <span id="fname" ></span></h2><h2 style="display: inline;"> <span id="lname" style="color: black;"> </span> </h2>
    <p id="profession" ></p>
    </div>

    <div class="box">
      <h2 class="heading">Work History</h2>
      <p class="heading-1">Job Title</p>
            <p id="jobTitle"></p>
            <p class="heading-1">Company</p>
            <p id="employer"></p>
            <p class="heading-1">Job Duration</p>
            <p id="date"></p>
    </div>
    
    <div class="box">
      <h2 class="heading">Professional Skills</h2>
      <p id="skill1"></p>
      <div id="progress"></div>
      <p id="skill2"></p>
      <div id="progress1"></div>
      <p id="skill3"></p>
      <div id="progress2"></div>
    </div>
    <br>
  <div class="clearfix"></div>
</div>

</div>

<script src="./src/js/profileScript.js"></script>

    <!-- Footer -->
  <footer>
    <p>rozgr &copy; <script>document.write(new Date().getFullYear());</script> All Rights Reserved!</p>  </footer>


</body>
</html>