-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsingle-blog.html
158 lines (151 loc) · 8.43 KB
/
single-blog.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
149
150
151
152
153
154
155
156
157
158
<!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">
<title>optivision</title>
<link rel="stylesheet" href="css/all.min.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style-rtl.css">
<link rel="stylesheet" href="css/remodal.css">
<link rel="stylesheet" href="css/remodal-default-theme.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="css/aos.css">
<link href="https://fonts.googleapis.com/css?family=Cairo:400,600,700&subset=arabic" rel="stylesheet">
</head>
<body id="index" dir="rtl">
<section id="section1">
<nav class="navbar navbar-inverse" data-offset-top="130">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand navbar-right" href="index.html"><img class="img-responsive" src="images/logo.png" style="height: 60px; width: 140px;"></a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-left">
<li><a href="contact.html">اتصل بنا</a></li>
<li><a href="blogs.html">احدث التقنيات</a></li>
<li><a href="#section3">معرض الصور</a></li>
<li><a href="about.html">من نحن؟</a></li>
<li><a href="lenses.html">العدسات</a></li>
<li class="active">
<a href="index.html">الرئيسية<span class="sr-only">(current)</span></a>
</li>
</ul>
</div>
</div><!-- /.navbar-collapse -->
</nav>
<!-- start login form -->
</section>
<section class="head head2">
<div class="container text-center">
<div class="head1">
<h1>الخبر</h1>
<p><a href="index.html">الرئيسية</a> <span> > </span> <a href="blogs.html">الاخبار</a><span> > </span> <a href="single-blog.html">الخبر</a></p>
</div>
</div>
</section>
<!-- start events section -->
<!-- **************************** -->
<section class="blog2 up">
<div class="container">
<div class="content">
<div class="row">
<div class="col-lg-12">
<div class="thumbnail" >
<img src="images/18.jpg">
<div class="caption">
<ul class="list">
<li><i class="fas fa-calendar"> </i> 8/11/2018</li>
<li><i class="fas fa-clock"></i> 2:16 مسائا</li>
</ul>
<h3>اسم الخبر</h3>
<p>ههناك حقيقة مثبتة منذ زمن طويل وهي أن المحتوى المقروء لصفحة ما سيلهي القارئ عن التركيز على الشكل عن التركيز على الشكل الخارجي للنص هناك حقيقة مثبتة منذ زمن طويل وهي أن المحتوى المقروء لصفحة ما سيلهي القارئ عن التركيز على الشكل عن التركيز على الشكل الخارجي للنص هناك حقيقة مثبتة منذ زمن طويل وهي أن المحتوى المقروء لصفحة ما سيلهي القارئ عن التركيز على الشكل عن التركيز على الشكل الخارجي للنص هناك حقيقة مثبتة منذ زمن طويل وهي أن المحتوى المقروء لصفحة ما سيلهي القارئ عن التركيز على الشكل عن التركيز على الشكل الخارجي للنص
</p>
<div class="social">
<div class="tags">
<h4>تم النشر في : <span>المناهج الدراسية</span> , <span>المناهج الدراسية</span></h4>
</div>
<div class="interaction">
<div><i class="fas fa-share"></i> نشر</div>
</div>
<div class="icons">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
</div>
</div>
<hr>
<div class="comment">
<h3>اضف تعليق</h3>
<div class="form-horizontal">
<div class="row">
<div class="col-lg-6">
<div class="form-group">
<input class="form-control input-lg" type="text" name="name" placeholder="البريد الالكتروني">
</div>
</div>
<div class="col-lg-6">
<div class="form-group">
<input class="form-control input-lg" type="text" name="name" placeholder="الاسم">
</div>
</div>
<div class="col-lg-12">
<div class="form-group">
<textarea class="form-control input-lg" type="text" name="name" placeholder="التعليق"></textarea>
<a class="btn btn-primary btn-lg" href="#">تاكيد</a>
</div>
</div>
</div>
</div>
</div>
</div>
<hr>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="follow text-center">
<h1>تابعنا علي مواقع التواصل الاجتماعي</h1>
<div class="container">
<div class="icon5">
<div class="icon"><i class="fab fa-facebook-f"></i></div>
<div class="icon"><i class="fab fa-twitter"></i></div>
<div class="icon"><i class="fab fa-instagram"></i></div>
<div class="icon"><i class="fab fa-google"></i></div>
<div class="icon"><i class="fab fa-linkedin"></i></div>
<div class="icon"><i class="fab fa-youtube"></i></div>
<div class="icon"><i class="fab fa-skype"></i></div>
</div>
<hr>
<div class="text">
<p>جميع الحقوق محفوظة لدي © 2018 اوبتي فيجن | <br> تصميم و برمجة شركة <span>FLYFOX</span></p>
</div>
</div>
</section>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/aos.js"></script>
<script src="js/plugins.js"></script>
<script type="text/javascript">
AOS.init({
duration: 1000,
once: true,
});
</script>
<script src="js/jquery.countTo.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/zoomple.js"></script>
</body>
</html>