About-Me/index.html at main · Razan-am/About-Me · 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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<!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>RA-Portfolio</title>
    <link rel="shortcut icon" href="https://i.pinimg.com/736x/e3/70/b8/e370b8aefdca765e6ece190481df69b3.jpg"
        type="image/x-icon">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/style.css">
</head>

<body>

    <header class="header">
        <p id="mainName"> Razan Alamleh </p>
        <p id="slash">//</p>
        <p id="email">
            <span id="maillink">Email:</span>razanalamleh@gmail.com
        </p>
    </header>

    <main>
        <h1>Hi,<span id="myName">i'm Razan,</span></h1>

        <p id="education">A software devloper//An architect//A designer</p>

        <p id="startInformation">
            To get know me more, let's start a fun quiz about me,<br>Please click on the start button.
        </p>

        <img src="https://i.pinimg.com/564x/79/fe/1e/79fe1e97dd49880a108da89e5c43da72.jpg" alt="leftImage"
            id="rightImage" />
        <img src="https://i.pinimg.com/236x/8c/f5/73/8cf5735316e55b51a6c08827d9915aac.jpg" alt="rightImage"
            id="lrftIamge" />

        <button type="button" id="button">Start</button>

        <div id="container"></div>

        <div id="split">

        </div>

        <div>
            <p id="intrest">
                <b> One of my interest is discovering new cultures,<br>here is my top ten countries that i've an
                    interest in them:</b>
            </p>

            <ol>
                <li>Japan
                </li>
                <li>Singapore</li>
                <li> Morroco</li>
                <li>Germany</li>
                <li>Canada</li>
                <li> Australia</li>
                <li> South korea</li>
                <li>Italy</li>
                <li>Greece</li>
                <li> Madagascar</li>

            </ol>

        </div>

        <img src="https://i.pinimg.com/564x/0f/99/f0/0f99f044816a02b080c1c0c5f3383a7f.jpg" alt="splitLine"
            id="splitLine">

        <div>

            <p id="educationHistory">Education summary</p>
            <ul>
                <li>
                    <p class="educationalDetails">AL-KHAWARIZMI COLLEGE:
                        Diploma in architecture engineering( 2016-2014 )</p>
                </li>
                <li>
                    <p class="educationalDetails">APPLIED SCIENCE PRIVATE UNIVERSITY:<br>
                        Bachelor in architecture engineering( 2020-2016 )</p>
                </li>
                <li>
                    <p class="educationalDetails">LTUC-Abdul Aziz Al Ghurair School <br>of Advanced Computing:
                        <br>Software Development Intensive Course (Still going)
                    </p>
                </li>
            </ul>
            <p id="workExp">Work experience</p>
            <ul>
                <li>
                    <p class="workDetails">
                        Attention:<br>
                        Sale and promote brand/product | 2015 - 2014</p>
                </li>
                <li>
                    <p class="workDetails">
                        Ideal vision marketing:<br>
                        Seller and promoter and promoter|2016 - 2015</p>
                </li>
                <li>
                    <p class="workDetails">
                        Mask Advertising:<br>
                        Items promoter | 2017 - 2016</p>
                </li>
                <li>
                    <p class="workDetails">
                        Worked as party planner | 2019-2018</p>
                </li>
                <li>
                    <p class="workDetails">
                        Freelancer in graphic design and design</p>
                </li>
            </ul>
        </div>

    </main>

    <footer>
        <p id="copyrights">Copyrigts //razanalamleh 2021</p>
    </footer>

    <script src="js/app.js"></script>
</body>

</html>