Bootstrap Snippet Arabic Header using HTML CSS Bootstrap

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
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="bootstrap/dist/css/bootstrap.min.css" >
    <link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/droid-arabic-kufi" type="text/css"/>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.css"> 
    <link href="slidercss.css" rel="stylesheet" >
    <script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
    <script src="sliderjs.js"></script>
    <!------ Include the above in your HEAD tag ---------->
    <!--Pulling Awesome Font -->
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="socialmedia.css">
    <title>دادگای سلێمانی | پەڕەی سەرەکی</title>
    <style>
        #title{
            height: 50px;
            line-height: 50px;
            font-family: 'DroidArabicKufiRegular';
            font-weight: normal;
            font-style: normal;
            vertical-align: middle;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

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
/*=========================
  Icons
 ================= */
.socialMedia{
    padding-top: 30px;
}
/* footer social icons */
ul.social-network {
    list-style: none;
    display: inline;
    margin-left:40px !important;
    padding: 0px ;
}
ul.social-network li {
    display: inline;
    margin: 0 0px;
    margin-left: 0px;
}
.language{
    padding-top: 10px;
}
ul.language {
    list-style: none;
    display: block;
    margin-left:0 !important;
    background-color: #242424;
}
ul.language li {
    display: inline;
    margin: 0 0px;
    font-family: 'DroidArabicKufiRegular';
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"Arabic Header"
Bootstrap 4.0.0 Snippet by aramse

Related: See More

Questions / Comments:

"Arabic Header" Bootstrap 4.0.0 Snippet by aramse

Related: See More

Questions / Comments:

"Arabic Header"
Bootstrap 4.0.0 Snippet by aramse