portfolio/index.html at master · heleena-fadi/portfolio · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<!DOCTYPE html>
<html lang="en">
<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>Personal Portfolio Website</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="./style.css">
</head>
<body>
    <div class="logo" id="home">
      <header>
          <h2 class="head"><span>Port</span>folio</h2>
          <nav>
            <ul>
                <li><a href="#home">Home</a></li>
            <li><a href="#about">About me</a></li>
            <li><a href="#serviece">serviece</a></li>
            <li><a href="#contact">Contact me</a></li>
            <a href="#" class="btn">JOIN US</a>
            </ul>
          </nav>
          <div id="icons">
            <div class="bar1"></div>
            <div class="bar2"></div>
            <div class="bar3"></div>
            <ul class="mobile-menu">
                <li><a href="#home">Home</a></li>
                <li><a href="#about">About me</a></li>
                <li><a href="#serviece">serviece</a></li>
                <li><a href="#contact">Contact me</a></li>
                <a href="#" class="btn">JOIN US</a>
            </ul>
          </div>
        </header>

    <div class="content">
<h4>Hello, my name's</h4>
<h1> Heleena Darwish</h1>
<h3>I'm a Web Developer</h3>
    </div>
    </div>

<section class="about" id="about">
    <div class="cont">
        <img src= "https://static.vecteezy.com/system/resources/previews/000/227/854/original/female-developer-vector.jpg">
        <div class="text-about">
            <h2>About Me</h2>
            <h5>I'm a web Developer</h5>
            <p>
 hello, I'm heleena darwish <br>I graduated from al-quds open university in English language faculty in 2020. <br>but I
  have a serious passion at development ,<br> So I started to learn html, css and javascript
and apply self projects. <br>Actually I'm just waiting an appropriate chance to complete<br>
 my passion and become a great web developer.<br></p>
      <a  class="email" href="mailto:miss.heleena98@gmail.com">Email Us!</a>
        </div>
    </div>
</section>

<div class="serviece" id="serviece">
    <p>Click below to see one of our serviece!</p>

    <a  class="btn1" href="https://github.com/heleena-fadi/ROCK-PAPER-SCISSORS">Click here</a>
</div>

<footer class="contact-me" id="contact">
    <p>Heleena darwish <br>For more details & to get a beautiful websites <br>
     just contact with me!!</p>
    <div class="links">
<a href="https://www.facebook.com/profile.php?id=100013891740853"><i class="fa fa-facebook-square"></i></a>
<a href="https://github.com/heleena-fadi"><i class="fa fa-github"></i></a>
<a href="mailto:miss.heleena98@gmail.com"><i class="fa fa-envelope"></i></a>
<a href="tel:+0970598658674"><i class="fa fa-phone"></i></a>
    </div>
</footer>
<script src="script.js"></script>
</body>
</html>