ProjectTesting/HTMLPage1.html at main · D0Sla/ProjectTesting · 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
129
130
131
<!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>first try</title>
    <link rel="stylesheet" href="StyleSheet1.css" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap"
      rel="stylesheet"
    />
  </head>
  <body>
    <nav>
      <img src="logo.svg" />
      <div>
        <a href="#" class="nav__link"> Home </a>
        <a href="#AboutUs" class="nav__link"> About </a>
        <a href="#Services" class="nav__link"> Services </a>
        <a href="#Contentus" class="nav__link"> Content Us </a>
         <a href="#login-box" class="nav__link"> Log in </a>
      </div>


      <div id="loginnnn" class="login-box">
  <h2>Login</h2>
  <form>
    <div class="user-box">
      <input type="text" name="" required="">
      <label>Username</label>
    </div>
    <div class="user-box">
      <input type="password" name="" required="">
      <label>Password</label>
    </div>
    <a href="#">
      <span></span>
      <span></span>
      <span></span>
      <span></span>
      Submit
    </a>
  </form>
</div>


    </nav>
    <section class="banner">
      <div>
        <h2>Welcome</h2>
        <h1>بايات</h1>
        <p style="font-family:Droid Arabic Kufi;"><font size="+2">
        <font color ="#4831D4">
        الفكرة من المشروع هي ربط المدن الليبية الكبرى بشبكة من المسافرين لتسهيل عملية توصيل الطلبيات من مدينة إلى أخرى
        </FONT>
        </p>

      </div>
      <img src="1.svg" />
    </section>
    <div class="container">
      <section id="AboutUs" class="description panel blue">
        <img src="2.svg" />
        <h2>About us</h2>
        <ul>
       <font color ="#4831D4"><font size="+2">
        <p style="font-family:Droid Arabic Kufi;"><li>مدير المشروع : حسين الفلاح – 2787 </li></p>
        <p style="font-family:Droid Arabic Kufi;"><li>مساعد مدير المشروع : مصطفى الكاديكي – 2946</li></p>
        <p style="font-family:Droid Arabic Kufi;"><li>تطوير الواجهات الخلفية : عبد المعز العبار – 2796 </li></p>
        <p style="font-family:Droid Arabic Kufi;"><li>تطوير الواجهات الأمامية : عبد الله الجهاني – 2816 </li></p>
        <p style="font-family:Droid Arabic Kufi;"><li>العرض والتصميم : سفيان القرقوري – 3196 </li></p>
        <p style="font-family:Droid Arabic Kufi;"><li>أمن الشبكات : عبد الرحمن قصيبات – 2923</li></p>

         </font></font>
        </ul>
      </section>
      <section id="Services" class="panel red">
        <img src="5.svg" />
        <h2>Services</h2>
         <p style="font-family:Droid Arabic Kufi;"><font size="+2">
          <font color ="#4831D4">
         فتطبيق بايات يوفر إمكانية توصيل الطلبيات عن طريق المسافرين على الرحلات الجوية المحلية، فيمكن للمسافر قبيل سفره رؤية الطلبات عبر التطبيق وأن يوافق على أحدها إن ناسبه، فيذهب المسافر ويشتري الطلب ويحمله معه في سفره ليوصله في النهاية إلى صاحب الطلب. أعجبت الفكرة محمود فحمّل التطبيق وأنشأ حسابًا ثم عرض طلبه بالمواصفات التي يريدها.
         </font>
        </p></font>
      </section>
    </div>
    <section id="Contentus" class="footer">
      <img src="6.svg" />
      <h2>Content us !</h2>
       <p style="font-family:Droid Arabic Kufi;">
       <a href="https://mail.google.com/mail/u/2/#inbox?compose=CllgCJvkXlrQRsGVFlFRGtbPctfBMnqfdjrxPNJXnSCMPmszpmNsdqWWWPhkzGfRwRcWRcGzMqV"><style="font-family:Droid Arabic Kufi;"><font size="+2"> Husayn_2787@limu.edu.ly </a>

      </p>
      <p style="font-family:Droid Arabic Kufi;"><font size="+2">  Project Manger </p>


    </section>
    <script
      src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/gsap.min.js"
      integrity="sha512-f8mwTB+Bs8a5c46DEm7HQLcJuHMBaH/UFlcgyetMqqkvTcYg4g5VXsYR71b3qC82lZytjNYvBj2pf0VekA9/FQ=="
      crossorigin="anonymous"
      referrerpolicy="no-referrer"
    ></script>
    <script
      src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/ScrollTrigger.min.js"
      integrity="sha512-A64Nik4Ql7/W/PJk2RNOmVyC/Chobn5TY08CiKEX50Sdw+33WTOpPJ/63bfWPl0hxiRv1trPs5prKO8CpA7VNQ=="
      crossorigin="anonymous"
      referrerpolicy="no-referrer"
    ></script>
    <script src="main.js"></script>
  </body>
</html>