-
Notifications
You must be signed in to change notification settings - Fork 0
/
index_rtl.html
148 lines (139 loc) · 10.4 KB
/
index_rtl.html
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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>العالم الأخضر - معاً من أجل عالم أكثر خضرة</title>
<!-- CSS & Logo -->
<link rel="stylesheet" type="text/css" href="css/styles.css">
<link rel="icon" type="image/x-icon" href="./img/logo_compressed.png">
<!-- Bootstrap -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.2.0/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
<!-- Google Fonts & Font Awesome -->
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<!-- jQuery & DataTables -->
<script src="https://code.jquery.com/jquery-3.5.1.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.22/css/jquery.dataTables.css">
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.22/js/jquery.dataTables.js"></script>
<!-- Custom JS -->
<script src="./js/app_arab.js" defer></script>
</head>
<body>
<!-- Header -->
<header>
<!-- Navigation Menu -->
<nav class="navbar navbar-dark bg-dark navbar-expand-lg fixed-top">
<div class="container-fluid">
<a class="navbar-brand" href="#">
<img src="img/logo.svg" alt="Logo" width="50" height="50" class="d-inline-block"> العالم الأخضر </a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" href="index.html">English</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./pages/climate-history_rtl.html">تاريخ المناخ</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./pages/contact_rtl.html">تواصل معنا</a>
</li>
<!-- Local Links Dropdown Container -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
بداية
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="#mission">مهمتنا</a></li>
<li><a class="dropdown-item" href="#table">الجدول</a></li>
<li><a class="dropdown-item" href="#footer">تذييل الصفحة</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
</header>
<!-- Main Content -->
<main>
<section id="mission" class="pt-2">
<img class="img-fluid mx-auto d-block" src="img/natur.jpg" alt="Nature">
<div class="h1 text-center pt-4">مهمتنا</div>
<p class="text-center text-break px-md-5 fs-4">تأسست منظمتنا البيئية غير الربحية منذ أكثر من عامين بهدف مساعدة الأفراد والشركات على اعتماد ممارسات أكثر استدامة بيئيًا. مهمتنا هي تقليل البصمة الكربونية الجماعية للمنظمات من جميع الأحجام عبر توفير الوصول السهل إلى بيانات دقيقة ومحدثة حول إنتاج الانبعاثات في مناطقهم. نحن نسعى أيضًا لإبلاغ وتثقيف وإلهام الشركات لتصبح أفضل الرعاة للبيئة. ولهذا الغرض، قمنا بتطوير أدوات ومنصات مبتكرة تمكن الشركات من تتبع مستويات انبعاثاتها بدقة على مر الزمن، مما يتيح لهم تقييم وفهم بصمتهم البيئية بشكل أفضل، حتى يتمكنوا من إجراء التغييرات الإيجابية. يتألف فريقنا من خبراء مؤهلين تأهيلاً عالياً ذوي مجموعة واسعة من المعرفة في العلوم البيئية، والهندسة، واستراتيجية الأعمال، وتحليلات البيانات وأساليب البحث الذين يعملون معًا في بيئة تعاونية مدفوعة بالطموح والشغف لجعل العالم مكانًا أفض</p>
<p class="text-center text-break px-md-5 fs-4">تأسست منظمتنا البيئية غير الربحية منذ أكثر من عامين بهدف مساعدة الأفراد والشركات على اعتماد ممارسات أكثر استدامة بيئيًا. مهمتنا هي تقليل البصمة الكربونية الجماعية للمنظمات من جميع الأحجام عبر توفير الوصول السهل إلى بيانات دقيقة ومحدثة حول إنتاج الانبعاثات في مناطقهم. نحن نسعى أيضًا لإبلاغ وتثقيف وإلهام الشركات لتصبح أفضل الرعاة للبيئة. ولهذا الغرض، قمنا بتطوير أدوات ومنصات مبتكرة تمكن الشركات من تتبع مستويات انبعاثاتها بدقة على مر الزمن، مما يتيح لهم تقييم وفهم بصمتهم البيئية بشكل أفضل، حتى يتمكنوا من إجراء التغييرات الإيجابية. يتألف فريقنا من خبراء مؤهلين تأهيلاً عالياً ذوي مجموعة واسعة من المعرفة في العلوم البيئية، والهندسة، واستراتيجية الأعمال، وتحليلات البيانات وأساليب البحث الذين يعملون معًا في بيئة تعاونية مدفوعة بالطموح والشغف لجعل العالم مكانًا أفضل للجميع.</p>
<img class="img-fluid mx-auto d-block" src="img/meeresschildkroete.jpg" alt="سلحفاة البحر">
<p class="text-center text-break py-4 px-md-5 fs-4">دون مزيد من التأجيل، دعونا نغوص في الجزء المثير للاهتمام: البيانات حول أكبر الشركات في البلدان ذات الانبعاثات الغازية الأكبر وانبعاثاتها السنوية من غاز ثاني أكسيد الكربون.</p>
</section>
<div class="h1 text-center pt-4">الجدول</div>
<section id="table" class="pt-4 pb-5 px-md-5">
<article>
<table id="co2" class="table table-striped" style="width:100%">
<thead>
<tr>
<th>الدولة</th>
<th>الشركة</th>
<th>الانبعاثات السنوية لغاز ثاني أكسيد الكربون (بالطن)</th>
</tr>
</thead>
</table>
</article>
</section>
<section>
<img class="img-fluid mx-auto d-block" src="img/landschaft.jpg" alt="المناظر الطبيعية">
<p class="text-center text-break py-4 px-md-5 fs-4">نأمل أن تضيء هذه البيانات بعض الأمور حول انبعاثات الغازات الدفيئة في جميع أنحاء العالم. دعونا جميعًا نعمل معًا نحو مستقبل مستدام لأن هذا الكوكب يستحق الكفاح من أجله!</p>
</section>
</main>
<!-- Footer -->
<footer id="footer" dir="rtl">
<!-- Contact -->
<section class="bg-dark text-white pt-4 mt-4">
<section class="container py-2 px-4 px-md-3">
<div class="row text-md-right">
<div class="col-6 col-md-3 col-lg-3 col-xl-3 mx-auto mb-3">
<h5 class="text-uppercase mb-4 font-weight-bold">تواصل معنا</h5>
<ul class="list-unstyled">
<li class="mb-2"><i class="fa fa-home"></i> برلين, ألمانيا</li>
<li class="mb-2"><i class="fa fa-envelope"></i> info@gw.org</li>
<li class="mb-2"><i class="fa fa-phone text-decoration-none"></i> +49 30 89 030</li>
</ul>
</div>
</div>
</section>
</section>
<section class="bg-dark text-center text-white">
<div class="container p-2">
<!-- Section: Social media -->
<section class="mb-4">
<!-- Facebook -->
<a class="btn social-media btn-floating m-1" href="https://facebook.com/" role="button"><i class="fa fa-facebook"></i></a>
<!-- Twitter -->
<a class="btn social-media btn-floating m-1" href="https://twitter.com/" role="button"><i class="fa fa-twitter"></i></a>
<!-- Google -->
<a class="btn social-media btn-floating m-1" href="https://google.com/" role="button"><i class="fa fa-google"></i></a>
<!-- Instagram -->
<a class="btn social-media btn-floating m-1" href="https://instagram.com/" role="button"><i class="fa fa-instagram"></i></a>
<!-- Linkedin -->
<a class="btn social-media btn-floating m-1" href="https://linkedin.com/" role="button"><i class="fa fa-linkedin"></i></a>
<!-- Github -->
<a class="btn social-media btn-floating m-1" href="https://github.com/el-we" role="button"><i class="fa fa-github"></i></a>
</section>
<!-- Section: Text -->
<section class="mb-4">
<p>
العالم الأخضر - معًا من أجل عالم أكثر خضرة.
</p>
</section>
</div>
<!-- Copyright -->
<div class="copyright text-center p-2">
© 2023 حقوق النشر:
<a class="text-white" href="https://greenworld.com/">greenworld.com</a>
</div>
</section>
</footer>
</body>
</html>