-
Notifications
You must be signed in to change notification settings - Fork 0
/
about us.html
133 lines (127 loc) · 9.67 KB
/
about us.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
<!DOCTYPE Html>
<html dir = "rtl" lang="ar">
<head>
<meta charset="UTF-8">
<meta name="Description" content="Welcome To Our Template">
<meta name="Viewport" content="width=device-width, initial-scale = 1.0">
<title> المكتبة | من نحن </title>
<!-- Latest compiled and minified CSS -->
<link rel="Stylesheet" href="dashborad/JM.css" type="text/css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="Stylesheet" href="css/main.css" type="text/css" />
<link rel="Stylesheet" href="css/log in.css" type="text/css" />
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<link rel="Stylesheet" href="css/about us.css" type="text/css"/>
</head>
<body>
<nav class="navbar-bottom navbar">
<button class="menu-toggle toggler">
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" version="1.1" x="0px" y="0px"
viewBox="0 0 100 125">
<g transform="translate(0,-952.36218)">
<path
d="m 16,979.36218 c -1.65685,0 -3,1.3431 -3,3 0,1.6568 1.34315,3 3,3 l 68,0 c 1.65685,0 3,-1.3432 3,-3 0,-1.6569 -1.34315,-3 -3,-3 z m 0,20 c -1.65685,0 -3,1.34312 -3,3.00002 0,1.6568 1.34315,3 3,3 l 68,0 c 1.65685,0 3,-1.3432 3,-3 0,-1.6569 -1.34315,-3.00002 -3,-3.00002 z m 0,20.00002 c -1.65685,0 -3,1.3431 -3,3 0,1.6568 1.34315,3 3,3 l 68,0 c 1.65685,0 3,-1.3432 3,-3 0,-1.6569 -1.34315,-3 -3,-3 z"
style="text-indent:0;text-transform:none;direction:ltr;block-progression:tb;baseline-shift:baseline;enable-background:accumulate;"
fill-opacity="1" stroke="none" marker="none" visibility="visible" display="inline" overflow="visible" />
</g>
</svg>
</button>
<ul class="nav-links">
<div class="toggler cancel-btn">
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" version="1.1" x="0px" y="0px"
viewBox="0 0 100 125">
<g transform="translate(0,-952.36218)">
<path
style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;opacity:1;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3.99999976000000010;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans"
d="M 15 8 C 13.542451 8 12.003446 8.50749 10.59375 9.625 C 9.1840537 10.74251 8 12.64176 8 15 L 8 85 C 8 87.3583 9.1840606 89.2575 10.59375 90.375 C 12.003439 91.4925 13.542421 92 15 92 L 85 92 C 86.457579 92 87.996548 91.4925 89.40625 90.375 C 90.815952 89.2575 92 87.3583 92 85 L 92 15 C 92 12.64175 90.815958 10.74251 89.40625 9.625 C 87.996542 8.50749 86.457549 8 85 8 C 61.83749 7.99997 38.162516 7.99994 15 8 z M 15 12 C 38.162506 11.99994 61.83749 11.99997 85 12 C 85.325201 12 86.292896 12.23901 86.9375 12.75 C 87.582104 13.26099 88 13.8723 88 15 L 88 85 C 88 86.1277 87.582111 86.70765 86.9375 87.21875 C 86.292889 87.72975 85.325171 88 85 88 L 15 88 C 14.674829 88 13.707098 87.72975 13.0625 87.21875 C 12.417902 86.70765 12 86.1277 12 85 L 12 15 C 12 13.87229 12.417909 13.26099 13.0625 12.75 C 13.707091 12.23901 14.674799 12 15 12 z M 27.78125 25.96875 A 2.0001999 2.0001999 0 0 0 26.59375 29.40625 L 47.1875 50 L 26.59375 70.5625 A 2.0001999 2.0001999 0 1 0 29.40625 73.40625 L 50 52.8125 L 70.59375 73.40625 A 2.0001999 2.0001999 0 1 0 73.40625 70.5625 L 52.8125 50 L 73.40625 29.40625 A 2.0001999 2.0001999 0 0 0 71.75 25.96875 A 2.0001999 2.0001999 0 0 0 70.59375 26.5625 L 50 47.15625 L 29.40625 26.5625 A 2.0001999 2.0001999 0 0 0 27.78125 25.96875 z "
transform="translate(0,952.36218)" />
</g>
</svg>
</div>
<div class="grid-nav">
<div>
<li><a href="index.html" class="logo"><img src="dashborad/maktaba-logo.png" alt=""></a>
</li>
<!-- -->
<li><a href="index.html" class="active"> <i class="fas fa-home"></i> الرئيسية </a></li>
<!-- -->
<li><a href="about us.html"> <i class="fas fa-user-alt"></i> من نحن </a></li>
<!-- -->
<li><a href="log in.html"> <i class="fas fa-lock"></i> تسجيل الدخول </a></li>
<!-- -->
<li><a href="register.html"> <i class="fas fa-key"></i> الاشتراك </a></li>
<!-- -->
</div>
<div><a href="log in.html" type="submit" class="jm-btn-grn log-out icon-btn"><i
class="material-icons">exit_to_app</i>
تسجيل الخروج </a></div>
</div>
</ul>
<form class="searchbar">
<input type="search" name="" placeholder="Search for a topic">
</form>
</nav>
<div class="container-fluid">
<div class="container">
<article class="about">
<div class="brand">
<h2 data-aos="fade-up" class="icon-btn icon-title grn-color"> <i class="material-icons">people</i> من نحن ؟ </h2>
</div>
<section class="work ">
<li data-aos="fade-up"> دور المكتبة : </li>
<i class="fas fa-universal-access"></i>
<p class = "lead" data-aos="fade-up"> المكتبة هو فضاء الكتروني حيث يبرز اهمية المدرسة والتعليم كون المدرسة هي البيت والوطن الثاني لنا اللذي يعلمنا كيف نتسلح بسلاح العلم ويجعل تفكيرنا ينضج فالمدرسة هي منار العلم فبدونها لن نجد جيلا واعيا ومثقفا لذلك يجب الاهتمام بمستوى المدرسة والتعليم حتى يخرج لك جيل يصلح لقيادة الدولة في المستقبل في شتى المجالات والاعمال </p>
<br>
</section>
<section style="overflow: hidden; height: 100%;" class="devloper card2 grn radius" data-aos="fade-up">
<li data-aos="fade-up"> مأسسو المكتبة : </li>
<i class=" fas fa-user-circle"></i>
<div class="designer col-xs-12 col-sm-3" style="margin: 0px;">
<p>راكوان علي</p>
<a style = "border-radius: 3px; display: inline-flex; margin: 0px; line-height: 3; padding: 0px 10px 0px 0px; color: #fff; background: dodgerblue;" href="https://www.facebook.com/rakwan.ali.77">مراسلة<i class = "material-icons" style="font-size: 17px;">facebook</i></a>
</div>
<div class="designer col-xs-12 col-sm-3" style="margin: 0px;">
<p>محمد فرحان</p>
<a style = "border-radius: 3px; display: inline-flex; margin: 0px; line-height: 3; padding: 0px 10px 0px 0px; color: #fff; background: dodgerblue;" href="https://www.facebook.com/MohamadHeshamFarhan">مراسلة<i class = "material-icons" style="font-size: 17px;" >facebook</i></a>
</div>
<div class="designer col-xs-12 col-sm-3" style="margin: 0px;">
<p>مسؤول الموقع</p>
<a style = "border-radius: 3px; display: inline-flex; margin: 0px; line-height: 3; padding: 0px 10px 0px 0px; color: #fff; background: dodgerblue;" href="https://www.facebook.com/RakwanAli99">مراسلة<i class = "material-icons" style="font-size: 17px;" >facebook</i></a>
</div>
<div class="marketer col-xs-12 col-sm-3" style="margin: 0px;">
<p>عبد الله البرش</p>
<a style = "border-radius: 3px; display: inline-flex; margin: 0px; line-height: 3; padding: 0px 10px 0px 0px; color: #fff; background: dodgerblue;" href="https://www.facebook.com/abdullahalborsh">مراسلة<i class = "material-icons" style="font-size: 17px;" >facebook</i></a>
</div>
</section>
</article>
</div>
</div>
<br>
<footer>
<br>
<div class="container">
<p class="text-center">جميع الحقوق محفوظة © <a href = "index.html" class="link"> المكتبة </a> </p>
</div>
</footer>
<!-- bootstrap and jquery -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"
integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
crossorigin="anonymous"></script>
<script src="dashborad/main.js"></script>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init();
</script>
</body>
</html>