<!DOCTYPE html>
<!--
Theme: ALJOUDE - Theme Built With Twitter Bootstrap 3.3.5
Version: 1.0.0
Author: TOKI SOLUTIONS
Site: http://www.tokisolutions.com
Contact: support@tokisolutions.com
-->
<!--[if IE 9]>
<html lang="en" class="ie9">
<![endif]-->
<!--[if !IE]>
<!-->
<html lang="en">
<!--
<![endif]-->
<!-- BEGIN HEAD -->
<head>
<meta charset="utf-8"/>
<title>
Al Joude Advertising & Publicity.
</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta content="Launched in 2014 and with offices in Riyadh, Jeddah, Abu Dhabi and Dubai, Al Joude is managed by a team of multicultural, experienced and enthusiastic media professionals who ensure creation of value for clients, advertising agencies and media owners with their innovative consultation approach that provides customized and optimal media solutions."
name="description"/>
<meta content="Tarek Tarabichi from Toki Solutions" name="author"/>
<!-- BEGIN GLOBAL MANDATORY STYLES -->
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700&subset=all'
rel='stylesheet' type='text/css'>
<link href="assets/plugins/socicon/socicon.css" rel="stylesheet" type="text/css"/>
<link href="assets/plugins/bootstrap-social/bootstrap-social.css" rel="stylesheet" type="text/css"/>
<link href="assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
<link href="assets/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
<link href="assets/plugins/animate/animate.min.css" rel="stylesheet" type="text/css"/>
<link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<!-- END GLOBAL MANDATORY STYLES -->
<!-- BEGIN: BASE PLUGINS -->
<link href="assets/plugins/revo-slider/css/settings.css" rel="stylesheet" type="text/css"/>
<link href="assets/plugins/cubeportfolio/css/cubeportfolio.min.css" rel="stylesheet" type="text/css"/>
<link href="assets/plugins/owl-carousel/owl.carousel.css" rel="stylesheet" type="text/css"/>
<link href="assets/plugins/owl-carousel/owl.theme.css" rel="stylesheet" type="text/css"/>
<link href="assets/plugins/owl-carousel/owl.transitions.css" rel="stylesheet" type="text/css"/>
<link href="assets/plugins/fancybox/jquery.fancybox.css" rel="stylesheet" type="text/css"/>
<!-- END: BASE PLUGINS -->
<!-- BEGIN THEME STYLES -->
<link href="assets/base/css/plugins.css" rel="stylesheet" type="text/css"/>
<link href="assets/base/css/components.css" id="style_components" rel="stylesheet" type="text/css"/>
<link href="assets/base/css/themes/default.css" rel="stylesheet" id="style_theme" type="text/css"/>
<link href="assets/base/css/custom.css" rel="stylesheet" type="text/css"/>
<!-- END THEME STYLES -->
<!-- Favicons -->
<link rel="apple-touch-icon" sizes="57x57" href="assets/base/img/favicons/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="assets/base/img/favicons/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="assets/base/img/favicons/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="assets/base/img/favicons/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="assets/base/img/favicons/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="assets/base/img/favicons/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="assets/base/img/favicons/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="assets/base/img/favicons/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="assets/base/img/favicons/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="assets/base/img/favicons/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/base/img/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="assets/base/img/favicons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/base/img/favicons/favicon-16x16.png">
<link rel="manifest" href="assets/base/img/favicons/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="assets/base/img/favicons/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
</head>
<body class="c-layout-header-fixed">
<!-- BEGIN: LAYOUT/HEADERS/HEADER-1 -->
<!-- BEGIN: HEADER -->
<header class="c-layout-header c-layout-header-4 c-layout-header-default-mobile">
<div class="c-navbar">
<div class="container">
<!-- BEGIN: BRAND -->
<div class="c-navbar-wrapper clearfix">
<div class="c-brand c-pull-left">
<a href="index.html" class="c-logo">
<img src="assets/base/img/layout/logos/aljoude_logo_30.png" alt="ALJOUDE"
class="c-desktop-logo">
<img src="assets/base/img/layout/logos/aljoude_logo_30_w.png" alt="ALJOUDE"
class="c-desktop-logo-inverse">
<img src="assets/base/img/layout/logos/aljoude_logo_30.png" alt="ALJOUDE" class="c-mobile-logo">
</a>
<button class="c-hor-nav-toggler" type="button" data-target=".c-mega-menu">
<span class="c-line">
</span>
<span class="c-line">
</span>
<span class="c-line">
</span>
</button>
</div>
<!-- END: BRAND -->
<!-- BEGIN: HOR NAV -->
<!-- BEGIN: LAYOUT/HEADERS/MEGA-MENU -->
<!-- BEGIN: MEGA MENU -->
<nav class="c-mega-menu c-pull-right c-mega-menu-dark c-mega-menu-dark-mobile c-fonts-uppercase c-fonts-bold">
<!-- BEGIN: MEGA MENU -->
<ul class="nav navbar-nav c-theme-nav">
<li class="c-active c-menu-type-classic">
<a href="index.html" class="c-link dropdown-toggle">
Home
</a>
</li>
<li class="c-active c-menu-type-classic">
<a href="about.html" class="c-link dropdown-toggle">
About
</a>
</li>
<li class="c-active c-menu-type-classic">
<a href="services.html" class="c-link dropdown-toggle">
Services
</a>
</li>
<li class="c-active c-menu-type-classic">
<a href="channels.html" class="c-link dropdown-toggle">
Channels
</a>
</li>
<li class="c-active c-menu-type-classic">
<a href="contact.html" class="c-link dropdown-toggle">
Contact
</a>
</li>
<li class="c-active c-menu-type-classic ">
<a href="index_ar.html" class="c-link dropdown-toggle">
عربي
</a>
</li>
<li>
<a href="https://www.facebook.com/Aljoudemedia-1602050383357265" target="_blank">
<i class="fa fa-facebook" style="color: #0c5fa1"></i>
</a>
</li>
<li>
<a href="https://twitter.com/Aljoudemedia" target="_blank">
<i class="fa fa-twitter" style="color: #00aaef"></i></a>
</li>
<li>
<a href="https://plus.google.com/u/3/113982566634803811208/posts" target="_blank">
<i class="fa fa-google-plus" style="color: #c4161c"></i>
</a>
</li>
<li>
<a href="https://www.instagram.com/aljoudemedia" target="_blank">
<i class="fa fa-instagram" style="color: #b56932"></i></a>
</li>
</ul>
<!-- END MEGA MENU -->
</nav>
<!-- END: MEGA MENU -->
<!-- END: LAYOUT/HEADERS/MEGA-MENU -->
<!-- END: HOR NAV -->
</div>
</div>
</div>
</header>
<!-- END: HEADER -->
<!-- END: LAYOUT/HEADERS/HEADER-1 -->
<!-- +++++++++++++++++++++++++++++++++++++++++++++++++ END HEADER ++++++++++++++++++++++++++++++++= -->
<!-- BEGIN: PAGE CONTAINER -->
<div class="c-layout-page">
<!-- BEGIN: PAGE CONTENT -->
<!-- BEGIN: LAYOUT/SLIDERS/REVO-SLIDER-4 -->
<section class="c-layout-revo-slider c-layout-revo-slider-4">
<div class="tp-banner-container c-theme" style="height: 620px">
<div class="tp-banner">
<ul>
<!--BEGIN: SLIDE #1 -->
<li data-transition="fade" data-slotamount="1" data-masterspeed="1000">
<img alt="" src="assets/base/img/backgrounds/family_watchingtv.jpg"
data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat">
<div class="caption customin customout tp-resizeme" data-x="center" data-y="center" data-hoffset=""
data-voffset="-50" data-speed="500" data-start="1000"
data-customin="x:0;y:0;z:0;rotationX:0.5;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-easing="Back.easeOut" data-splitin="none" data-splitout="none" data-elementdelay="0.1"
data-endelementdelay="0.1" data-endspeed="600">
<h2 class="c-block-bordered c-font-52 c-font-bold c-font-center c-font-uppercase c-font-white c-block">
YOUR MEDIA PARTNER
<br>
IN SAUDI ARABIA
</h2>
</div>
<div class="caption lft tp-resizeme" data-x="center" data-y="center" data-voffset="110"
data-speed="900" data-start="2000" data-easing="easeOutExpo">
<a href="about.html"
class="c-action-btn btn btn-lg c-btn-square c-theme-btn c-btn-bold c-btn-uppercase">
Learn More
</a>
</div>
</li>
<!--END -->
<!--BEGIN: SLIDE #2 -->
<li data-transition="fade" data-slotamount="1" data-masterspeed="1000">
<img alt="" src="assets/base/img/backgrounds/family_watchingtv.jpg" data-bgposition="center center"
data-bgfit="cover" data-bgrepeat="no-repeat">
<div class="caption customin customout tp-resizeme" data-x="center" data-y="center" data-hoffset=""
data-voffset="-50" data-speed="500" data-start="1000"
data-customin="x:0;y:0;z:0;rotationX:0.5;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-easing="Back.easeOut" data-splitin="none" data-splitout="none" data-elementdelay="0.1"
data-endelementdelay="0.1" data-endspeed="600">
<h2 class="c-block-bordered c-font-48 c-font-bold c-font-center c-font-uppercase c-font-white c-block">
YOUR MEDIA PARTNER
<br>
IN SAUDI ARABIA
</h2>
</div>
<div class="caption lft tp-resizeme" data-x="center" data-y="center" data-voffset="110"
data-speed="900" data-start="2000" data-easing="easeOutExpo">
<a href="about.html" class="c-action-btn btn btn-lg c-btn-square c-theme-btn c-btn-bold c-btn-uppercase">
Learn More
</a>
</div>
</li>
<!--END -->
</ul>
</div>
</div>
</section>
<!-- END: LAYOUT/SLIDERS/REVO-SLIDER-4 -->
<!-- BEGIN: CONTENT/FEATURES/FEATURES-1 -->
<!-- BEGIN: FEATURES 1 -->
<div class="c-content-box c-size-md c-bg-white">
<div class="container">
<div class="row">
<div class="col-sm-3">
<div class="c-content-feature-1">
<div class="c-content-line-icon c-theme c-icon-46">
</div>
<h3 class="c-font-uppercase c-font-bold">
Media Consultancy
</h3>
<p class="c-font-thin">
We transform ideas into iconic identities
</p>
</div>
</div>
<div class="col-sm-3">
<div class="c-content-feature-1">
<div class="c-content-line-icon c-theme c-icon-15">
</div>
<h3 class="c-font-uppercase c-font-bold">
Media Production
</h3>
<p class="c-font-thin">
Innovative, technology driven world-class productions
</p>
</div>
</div>
<div class="col-sm-3 c-card">
<div class="c-content-feature-1">
<div class="c-content-line-icon c-theme c-icon-14">
</div>
<h3 class="c-font-uppercase c-font-bold">
Event Management
</h3>
<p class="c-font-thin">
The event management team at Al Joude handles all event related requirements from start to
finish
</p>
</div>
</div>
<div class="col-sm-3 c-card">
<div class="c-content-feature-1">
<div class="c-content-line-icon c-theme c-icon-31">
</div>
<h3 class="c-font-uppercase c-font-bold">
Media Representation
</h3>
<p class="c-font-thin">
Al Joude is the worldwide media representative for all the Television and Radio
stations of the Saudi Broadcasting Company.
</p>
</div>
</div>
</div>
</div>
</div>
<!-- END: FEATURES 1 -->
<!-- END: CONTENT/FEATURES/FEATURES-1 -->
<!-- BEGIN: CONTENT/MISC/WHY-CHOOSE-US-1 -->
<div class="c-content-box c-size-lg c-bg-grey-1">
<div class="container">
<div class="">
<div class="row">
<div class="col-md-7">
<div class="c-content-feature-5">
<div class="c-content-title-1">
<h3 class="c-left c-font-dark c-font-uppercase c-font-bold">
Why
<br/>
Al Joude ?
</h3>
<div class="c-line-left c-bg-blue-3 c-theme-bg">
</div>
</div>
<div class="c-text">
Al Joude is managed by a team of multicultural, experienced and enthusiastic media
professionals who ensure creation of value for clients, advertising agencies and media
owners with their innovative consultation approach that provides customized and optimal
media solutions.
</div>
<img class="c-photo img-responsive" width="420" alt=""
src="assets/base/img/backgrounds/family_watchingtv.jpg"/>
</div>
</div>
<div class="col-md-5">
<div class="c-content-accordion-1 c-theme">
<div class="panel-group" id="accordion" role="tablist">
<div class="panel">
<div class="panel-heading" role="tab" id="headingOne">
<h4 class="panel-title">
<a class="c-font-bold c-font-uppercase c-font-19" data-toggle="collapse"
data-parent="#accordion" href="#collapseOne" aria-expanded="true"
aria-controls="collapseOne">
About us
</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel"
aria-labelledby="headingOne">
<div class="panel-body c-font-18">
Headquartered in Kingdom of Saudi Arabia, Al Joude is the latest subsidiary
launched by Pyramedia as the media representation unit that markets and manages
the content and advertising space across nine television channels and six radio
stations owned by the Saudi Broadcasting Company
</div>
</div>
</div>
<div class="panel">
<div class="panel-heading" role="tab" id="headingTwo">
<h4 class="panel-title">
<a class="collapsed c-font-uppercase c-font-bold c-font-19"
data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"
aria-expanded="false" aria-controls="collapseTwo">
Our Network
</a>
</h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel"
aria-labelledby="headingTwo">
<div class="panel-body c-font-18">
The television and radio stations with a combined daily reach of over three
million viewers and listeners, inform and entertain their audiences in Arabic
and English across a myriad of genres including general entertainment, news,
business & economic analyses, children’s programming and Islamic religious
content.
</div>
</div>
</div>
<div class="panel">
<div class="panel-heading" role="tab" id="headingThree">
<h4 class="panel-title">
<a class="collapsed c-font-uppercase c-font-bold c-font-19"
data-toggle="collapse" data-parent="#accordion" href="#collapseThree"
aria-expanded="false" aria-controls="collapseThree">
Integrated Services
</a>
</h4>
</div>
<div id="collapseThree" class="panel-collapse collapse" role="tabpanel"
aria-labelledby="headingThree">
<div class="panel-body c-font-18">
We combine our experience in media production, consultancy, event management and
work with our media partners to deliver clients seamless impactful media
solutions
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: CONTENT/MISC/WHY-CHOOSE-US-1 -->
<!-- Begin: Owlcarousel -->
<div class="owl-carousel owl-theme c-theme owl-bordered1">
<div class="item">
<img src="assets/base/img/channels/alsaudiatv.png" width="98%" alt=""/>
</div>
<div class="item">
<img src="assets/base/img/channels/ekhbariya.png" width="98%" alt=""/>
</div>
<div class="item">
<img src="assets/base/img/channels/riyadia.png" width="98%" alt=""/>
</div>
<div class="item">
<img src="assets/base/img/channels/quraan.png" width="98%" alt=""/>
</div>
<div class="item">
<img src="assets/base/img/channels/sunnah.png" width="98%" alt=""/>
</div>
<div class="item">
<img src="assets/base/img/channels/saudi2.png" width="98%" alt=""/>
</div>
<div class="item">
<img src="assets/base/img/channels/iqtissadia.png" width="98%" alt=""/>
</div>
<div class="item">
<img src="assets/base/img/channels/thaqafiya.png" width="98%" alt=""/>
</div>
<div class="item">
<img src="assets/base/img/channels/ajiyal.png" width="98%" alt=""/>
</div>
<div class="item">
<img src="assets/base/img/channels/aldawlia_radio.png" width="98%" alt=""/>
</div>
<div class="item">
<img src="assets/base/img/channels/riyadh_radio.png" width="98%" alt=""/>
</div>
<div class="item">
<img src="assets/base/img/channels/jeddah_radio.png" width="98%" alt=""/>
</div>
<div class="item">
<img src="assets/base/img/channels/saudia_radio.png" width="98%" alt=""/>
</div>
<div class="item">
<img src="assets/base/img/channels/quraan_radio.png" width="98%" alt=""/>
</div>
<div class="item">
<img src="assets/base/img/channels/nidaa_alislam.png" width="98%" alt=""/>
</div>
</div>
<!-- End-->
</div>
<!-- End-->
</div>
</div>
<!-- END: CONTENT/SLIDERS/CLIENT-LOGOS-2 -->
<!-- END: PAGE CONTENT -->
</div>
<!-- END: PAGE CONTAINER -->
<!-- +++++++++++++++++++++++++++++++++++++++++++++++++ START FOOTER ++++++++++++++++++++++++++++++++= -->
<!-- BEGIN: LAYOUT/FOOTERS/FOOTER-2 -->
<a name="footer"></a>
<footer class="c-layout-footer c-layout-footer-1">
<div class="c-postfooter">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-6">
<p class="c-copyright c-font-oswald c-font-14">
Copyright © 2015, Al Joude Advertising & Publicity - All rights reserved
</p>
</div>
<div class="col-md-6 col-sm-6">
<ul class="c-socials">
<li>
<a href="https://www.facebook.com/Aljoudemedia-1602050383357265" target="_blank"><i
class="fa fa-2x fa-facebook"></i></a>
</li>
<li>
<a href="https://twitter.com/Aljoudemedia" target="_blank"><i
class="fa fa-2x fa-twitter"></i></a>
</li>
<li>
<a href="https://plus.google.com/u/3/113982566634803811208/posts" target="_blank"><i
class="fa fa-2x fa-google-plus"></i></a>
</li>
<li>
<a href="https://www.instagram.com/aljoudemedia" target="_blank"><i
class="fa fa-2x fa-instagram"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<!-- END: LAYOUT/FOOTERS/FOOTER-2 -->
<!-- BEGIN: LAYOUT/FOOTERS/GO2TOP -->
<div class="c-layout-go2top">
<i class="icon-arrow-up"></i>
</div>
<!-- END: LAYOUT/FOOTERS/GO2TOP -->
<!-- BEGIN: CORE PLUGINS -->
<!--[if lt IE 9]>
<script src="../assets/global/plugins/excanvas.min.js">
</script>
<![endif]-->
<script src="assets/plugins/jquery.min.js" type="text/javascript">
</script>
<script src="assets/plugins/jquery-migrate.min.js" type="text/javascript">
</script>
<script src="assets/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript">
</script>
<!-- END: CORE PLUGINS -->
<!-- BEGIN: LAYOUT PLUGINS -->
<script src="assets/plugins/revo-slider/js/jquery.themepunch.tools.min.js" type="text/javascript">
</script>
<script src="assets/plugins/revo-slider/js/jquery.themepunch.revolution.min.js" type="text/javascript">
</script>
<script src="assets/plugins/cubeportfolio/js/jquery.cubeportfolio.min.js" type="text/javascript">
</script>
<script src="assets/plugins/owl-carousel/owl.carousel.min.js" type="text/javascript">
</script>
<script src="assets/plugins/counterup/jquery.waypoints.min.js" type="text/javascript">
</script>
<script src="assets/plugins/counterup/jquery.counterup.min.js" type="text/javascript">
</script>
<script src="assets/plugins/fancybox/jquery.fancybox.pack.js" type="text/javascript">
</script>
<!-- END: LAYOUT PLUGINS -->
<!-- BEGIN: THEME SCRIPTS -->
<script src="assets/base/js/components.js" type="text/javascript">
</script>
<script src="assets/base/js/app.js" type="text/javascript">
</script>
<script>
$(document).ready(function () {
App.init();
// init core
// init main slider
var slider = $('.c-layout-revo-slider .tp-banner');
var cont = $('.c-layout-revo-slider .tp-banner-container');
var api = slider.show().revolution({
delay: 15000,
startwidth: 1170,
startheight: (App.getViewPort().width < App.getBreakpoint('md') ? 1024 : 620),
navigationType: "hide",
navigationArrows: "solo",
touchenabled: "on",
onHoverStop: "on",
keyboardNavigation: "off",
navigationStyle: "circle",
navigationHAlign: "center",
navigationVAlign: "center",
fullScreenAlignForce: "off",
shadow: 0,
fullWidth: "on",
fullScreen: "off",
spinner: "spinner2",
forceFullWidth: "on",
hideTimerBar: "on",
hideThumbsOnMobile: "on",
hideNavDelayOnMobile: 1500,
hideBulletsOnMobile: "on",
hideArrowsOnMobile: "on",
hideThumbsUnderResolution: 0,
videoJsPath: "rs-plugin/videojs/",
}
);
}
);
</script>
<!-- END: THEME SCRIPTS -->
<!-- END: LAYOUT/BASE/BOTTOM -->
</body>
</html>