website-4/apply-for-summer-program-2018.html at master · samridhi04-code/website-4 · 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
<!DOCTYPE html>
<html lang="ar">
<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta http-equiv="Content-Language" content="ar" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  <link rel="stylesheet" type="text/css" href="hanadi.css" />
  <link rel="shortcut icon" type="image/png" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAS5SURBVGhD7VhbT1xVFEYfjA8an0xM1MQ/4Ksm+sBD58acw8DA3jNcLMzItOWSthJMiwIFWrAYi1qTqrUxwXgjFkNbW6SWak1Te1GkUIECLdOBKaXlDgWsNS7XnrPPmTNwhtBxmCHmfMkXCPuctb5vr7332pwEHTp06NChQ4eO/zESKX3MIBCbUSTlRpF+YBRII/7+iUkku02iI9ViIU/yR9cnjMmOl1HwcRT/p0mksALvo6kTRjHdxF9dHzClOJ9lwtRizckO8BQUw443q6Gsci+U7NwF7s1bA39XP2cSyGlzivM5Hip+YLOKVbgjC9tcVAItrafh9u0JWFy8r3Byag6Ghkeg9+oAfPFVE7y6ZbtiBt+fYUuRh4w9AvtAIH8zMXaHC062/QwLC3+FGFBzfv4ejI6Ogc/nhxs3huHLxiawkY2yIbbcnDx07GC0pr9oFOg8E5GX/xp4vTc1xWtxfHw6YIbx4qUOyHbnS5URyD2TNf0lnmLtkZiY+yguh2ss+SvuAvD7RzUFr8QpXGqymY6OLnBu3MQrQ/w2m+1xnmptgTNXw5ImpWRAT+91TaGrodrMqbYzykFgtJKDZoFWYZ4jJoGeMVnJYZZTEHKe5hL+O9hs4azdZQkPHGzQFPggHBubUsyUVtTwqoQnGhqxCE7K5UQOg0g8LKA1NXPZyRQpR0buwMeHPgOLzRki2mxzgGDPBMvSI5uNifQCpfQRLuvBgTPyAwtUVbNPU1QkrN//kSLQ7siFPW/VQ3dPf2BsYmImUK1z53+Dsl21S0yRWxGbkXtG87HWZYIiZba7MCCsvGovCp9dNj41fVdZft29/ZCZu0UxY0yml7m01UPq4FKAy509yxJGyqt9Xmj78eyKPUi9l7zeIchyFShmNoikkEsMj8rKyoexhG6sxEV8CZuW9HKqIwdq394Pff1ezcTRJjM57L+lmOnruw5JtgxuhsxwudqwWulTeBc6L4vXojU1AxoPH9VMHm2qGyljTd27QR3hGqnBQJ/Ajd0tP/h6aRV8f/InuPJHH/za3gUNn38DjmyPEuiXC+2ayaPJubnFECOdXT3s9JI0WOnXXHoosBEdYg+wJtXU3KIZmM0Qu9nSLA/0D/g0n4k21UYYBXtWwAhO+iUuPQiLxf4MDgQug9FoetEku0GrjaRluKSKCOQalx8EbuxCNiimZQVOC62A8aLaBGO2SzqKceIbufwg0MiHbHBbSZlmsHhx6R4ZGBgEUV5aIi3m8oPA46yBDZaW79EMGC/KXV7mt83HpWWF3JBEnufyg8CK1LHBnLwizYDxIvt3QTbBmqJr01ZuhPRw6aHAa7NFdtr++xXNoLHm5ORsSDX2vXdAqQbuD8Klh4JdxHDQyx7Ky98O4xPTmsFjxdnZBRgauqlUov794CUTT6tjKPkhSbkG0IgdH/xHNhOvykxPz4MPTQwO+uDod63gyS9WVYJ2ssbNJYcHmnlDNsOY4ykKNMDq2vo1Z1XNO1BRXQc7y3ZDwbYd6o8UEgXasioTMtAMxfL5QoLEkwIZNCTTTHaZ5RJXD/axwWxNT5M+f9IjeKqdihXxRDqBPz/FvBVo4gWUE34/6NChQ4cOHTp0rFckJPwL4qQcu4ZL4ykAAAAASUVORK5CYII=" />
  <title>أنظمة غيمة - Cloud Systems - تقدّم إلى برنامج التدريب الصيفي</title>
  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-56731261-3"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'UA-56731261-3');
  </script>
</head>
<body>
  <nav id="error-message" class="error">
    التقدّم إلى برنامج التدريب الصيفي متوقّف.
  </nav>
  <nav>
    <ul>
      <li>
        <a href="index.html">الرئيسيّة</a>
      </li>
      <li>
        <a href="summer-program-2018.html">برنامج التدريب الصيفي</a>
      </li>
    </ul>
  </nav>
  <div class="container">
    <div class="logo">
      <a href="index.html">
        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAZUSURBVGhD7VlrUFRVHNdeU1+rL8002YeavtdUU+O3EEYeKuzyNEQN5BH4QMRGIyBkszB8oyiJu3c3R0YHH8hIWlrmiA+kRKLUFF8ohrt3n80ocPr/z/7v9e5ydFlYUBp+M7/Z5Z5zfr/fuedxz10mjGMc43ismBgWqSv4KEo/i/4emwiP0r83JUrPgP3h4foX6fLYQ1h0/GTqCIPvr9HlsYf/RUfCouIiwiL1J5WOTInSNUREx75NxWMDELroQQe01N2DxZ9M1Z5cuFzSK0ZjkSE82hs8MS2TLS2pYMtWVLK45Ln8WkRMQu+RH1cVYF1q9mSAMTbRZTdPddrMTU6b1Fv85QIeOD41gx1tvchOdFzjbGpuYzG6VF62cdNnDOsCG7EtST0+uGXLO9CBZpdsZgrT0tN42NKKKrUTCvM/N/CygqU5an0kaJxw2aTRXz+M1T0NAYrxrmoDIVNmee/61xu3D+jI8vJKXjZ/UaZPG6RXSypirPgpshlZ9F/b+YJTNu/1D6IwKTVwR3IXZAjbIlEbPchuZAAj8RyYHfY313Lq9AQe9uP0PLZwWZkPcfFjmT45RdhWw8PoRbahBV/UsnmXn6EPYXrwoIE4TZ8sbO9LqY6sQwunLOWJDR/wz/bNalh9ylyWAiOgpS5pDi+LnJHAem5vF2po6ZRNuWQfGvxr2/E6zF23yEzLLTXLeVB4VjCHwwmD6Ivb3XdYeHQ8r1NXVybU0BI8XR6rMXRHG9gad4iMtGxvq2LRsYk8ZGl5BUUfiOXF3i04NjGFXfqrWqjlQ5tkoRjDg91ueRP2+T6hCfHq5a3qbhU5I5l1Xr1OsQfiSudVXgfrps5NY13XvhNqKsRtWZZNb1CcoQOG9xuRgcI7XbUsPct7/MBp09D4A0V+OA4e+kmdYp/CVtzTbRRqK4T1uZLiDB3QkesicYWGrxbxQMgddfUUNTB21+9X2327eolQWyF0pJPiDA12u/SWSFjh+XMb4c5SmLVVFHHw2LCphreNiInnWiIPhTjFKVbwgANdqkhUoTIasYlpzOl0UbzBw+32sISZn3hvRGWgUbHMpFjBAxaaQSSKxIdffMpMHqK6xkjRgsfWbd6HKGo5rJLQCwkbzgqKFTwgbHVP93bWfbMWFqTvA+xCRzUPgDzd0kqxgkdbe4eqg7uf1kPrDR3ZTLGChySVHFd2F/zct8+gmrScWqcGuH6ji2IFj7t3rarO2TPrVX300npjFooVPFavXaJ559Yzs7lENWo+sUa93n3nH4oVPGS7Q9VpOb1O1TeaitXryDXrCpspVvCAObvqDIgf/7WS4SeuC8VIe67C6TFU/H2lU9W5fHGLqg9TiY+64g1ZKihW8HDLUqYi7E/7XROLnuE9kny/czfFCh676HmiD7DYXTZzBsUKHtCRd4WixNIVC3mIOfPyWG9vL0UbPPr6+lhGTj7XMKzMF3ooxNdqihU8vK+0kiwSRp5qfrBOdu9poHiDx/7GJt4WF/NvZzcIPThtknXYr8BwPKgVihOVX02mTk9iLa2/U8TAONfWzttg2zLDQqG2QshQQ3GGDofVMlkkrhBPr3iKxUB4qt13oIn19/dT3IHAsgMHD6kn4DnzZvODp0hbod1u+pDiDA8wvY6JDBTie4XSGWRWXgGfNje7bvN1cP/+ffh+i3cgM7dArZeWMZtduhDwneQXijF8eOyWD2Dr7ReYqLx1YxsrKpmvhgzEL0rn86e2SEshvge57ab3KUZoAAtug2Lwx/kqll+YxfbsKR9gjhsAzvmYOO/WrGWMLol34MzJtQPa1deXc03UVq/bzOvJPnRgrPZ5WHStaKRL9h4Wc/Ie/vsUPmfwPPbz0VXs+LHVrKO9isk9JmFdZHZeOtdEbfQAr7PoSfahhbtHenVxYbaH3924JOGdHSpRCzVRe3Fhlge9yHZkAKOQDXfPg8cHUaDhEDVROzs3I4fsRhYOh+VlWPyNojD+3AunWO2p+VGExd0gyztH93+N8EiY6JAt2RDA5h9IIW7LOFWQj9xm4cntls1ZqEnyow+73fgSjE4Z7DA9/gHxty6lI/jdvxzbwCiUjvooPAr4o7PbKk3DNzkI2A6f9/xHBK95y6RNWJex6mep+ZMLxo4847GaJ83LTS9F4ne8RsXjGMc4RhUTJvwHmSNCrdAkJC0AAAAASUVORK5CYII=">
      </a>
    </div>
    <div class="breif">
      <strong>تقدّم إلى برنامج التدريب الصيفي:</strong> قبل أن تبدأ في تعبئة النموذج، تأكّد من تجهيز ڤيديو لك تظهر فيه بشكلٍ لائقٍ تُعطي فيه نبذةً عنك لا تتجاوز دقيقتين، ثمّ ارفع هذا الڤيديو على <a href="https://youtube.com/">موقع Youtube</a>، واختر تصنيف الڤيديو <a href="https://support.google.com/youtube/answer/157177">غير مُدرج (Unlisted)</a>، ثم انسخ الرابط والصقه في حقل ”رابط ڤيديو التعريف الشخصي المُصوّر“. تفضّل بالإطّلاع على عيّنةٍ من ڤيديوهات التعريف الذاتي.
    </div>
    <div class="applicant">
      <iframe src="https://www.youtube.com/embed/zIed15GiiCY?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
      <iframe src="https://www.youtube.com/embed/TQ3lzgrdG3U?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
    </div>
    <div class="form-container">
      <form id="form">
        <div class="form-input must">
          <label for="youtubeVideoUrl">رابط ڤيديو التعريف الشخصي المُصوّر (مطلوب)</label>
          <input type="text" id="youtubeVideoUrl" placeholder="https://www.youtube.com/watch?v=zIed15GiiCY&feature=youtu.be" pattern="^http(s)?:\/\/(www\.)?youtu(be\.com|.be)\/.+$" required />
        </div>
        <div class="form-input">
          <label for="fullname">الاسم الكامل (مطلوب)</label>
          <input type="text" id="fullname" placeholder="خالد الناصر" required />
        </div>
        <div class="form-input">
          <label>الجنس (مطلوب)</label>
          <!-- Male -->
          <input type="radio" name="gender" id="maleGender" value="male" checked required />
          <label class="radio-label" for="maleGender">ذكر</label>
          <!-- Female -->
          <input type="radio" name="gender" id="femaleGender" value="female" required />
          <label class="radio-label" for="femaleGender">أنثى</label>
        </div>
        <div class="form-input">
          <label for="email">البريد الإلكترونيّ (مطلوب)</label>
          <input type="email" id="email" placeholder="example@example.com" required />
        </div>
        <div class="form-input">
          <label for="mobile">رقم الجوّال (مطلوب)</label>
          <input type="tel" id="mobile" placeholder="+966555555555" pattern="^\+\d+$" required />
        </div>
        <div class="form-input">
          <label for="university">اسم الجامعة (مطلوب)</label>
          <input type="text" id="university" placeholder="جامعة القصيم" required />
        </div>
        <div class="form-input">
          <label for="major">التخصّص (مطلوب)</label>
          <input type="text" id="major" placeholder="نظم معلومات" required />
        </div>
        <div class="form-input">
          <label for="place">مكان الإقامة (مطلوب)</label>
          <input type="text" id="place" placeholder="الرياض" required />
        </div>
        <div class="form-input">
          <label for="expectedGraduationDate">التاريخ المتوقّع للتخرّج (مطلوب)</label>
          <input type="date" id="expectedGraduationDate" placeholder="2018-01-24" required />
        </div>
        <div class="form-input">
          <label for="howDidYouKnowAboutUs">كيف عرفت عنّا؟ (مطلوب)</label>
          <input type="text" id="howDidYouKnowAboutUs" placeholder="عن طريق إعلانات الجامعة" required />
        </div>
        <div class="form-buttons">
          <input type="submit" id="submit" class="submit" value="أرسِل الطلب" disabled />
        </div>
      </form>
    </div>
    <div class="copyrights">
      (ح) جميع الحقوق محفوظة لمؤسّسة أنظمة غيمة (Cloud Systems).
    </div>
  </div>
</body>
</html>