لوحة المتصدرين
المحتوى الأكثر حصولًا على سمعة جيدة
المحتوى الأعلى تقييمًا في 12/12/20 في كل الموقع
-
السلام عليكم ورحمة الله.. بالبداية أود سؤال أصحاب الخبرة أنا لدي موقع بيع رفوف محلات تجارية والكثير من الأشخاص نصحني بأن أضع سعر البضائع مع الصور على الموقع.. وآخرون نصحوني بعدم ذلك من أجل أن يتواصل معي الأشخاص.. فتسويقياً أيهما الأصح ولكم جزيل الشكر..1 نقطة
-
تحية لكم، لدي استفسار كما نعلم عند شراء هاتف جديد يجب فتح حساب في الهاتف بواسطة إميل. بعض مواقع التجارة الإلكترونية تطلب مني أن يكون حساب الهاتف بواسطة بريد إلكتروني مهني الذي يحتوي على نطاق أو مايسمى الدومين. ماهي الفائدة تقنيا من ذلك1 نقطة
-
الاقتباس هو أن تأخذ جزء من تعليق/سؤال أحد الأشخاص أو التعليق بأكمله في تعليق آخر و تقوم بالرد عليه. مثلًا هنا أنا قمت باقتباس سؤالك. و هنا قمت باقتباس جزء من السؤال. و نستخدمه عندما يكون التعليق/ السؤال يحتوي على أكثر من جزء و نريد أن نوضح أن إجابة معينة تخص هذه الجزئية من السؤال.1 نقطة
-
مرحبًا عبد الواحد. نعم هذا صحيح، في دورة تطوير تطبيقات الجوال باستخدام تقنيات الويب ستتعلم بناء تطبيقات الجوال بكلا الجانبين: جانب العميل و جانب المخدم باستخدام node.js و إطار العمل express.js. و ستقوم ببناء التطبيقات التالية في هذه الدورة: تطبيق مشاركة وصفات الطعام تطوير تطبيق لمطعم تطبيق جوال لطلاب المدارس تطوير تطبيق قائمة مهام بناء تطبيق لموقع ووردبريس1 نقطة
-
ملاحظات في محلها أستاذي، سوف أقوم بالالتزام بها وأنشره لك بعد التعديل إن شاء الله . ملاحظات جيدة أستاذة وفي محلها . لا شك أني سألتزم بها وأنتبه لكل ما تم ذكره . شكراً جزيلاً لك .1 نقطة
-
كيف يمكنني تحميل ملف chocolatey.cmd1 نقطة
-
مرحباً عبدالحكيم: نقاط السمعة هي تقييمات إيجابية تحصل عليها عند مشاركتك بأراء أو تعليقات تضيف فائدة للمستخدمين، أو مساهمات تقدم محتوى مفيد فيقوم المستخدمين بتقييمك عليها بالإيجاب وتزداد نقاط السمعة لديك. وهي تفيدك في إعطائك بعض الصلاحيات والميّزات التي لا تستطيع الاستفادة منها إن كانت نقاط سمعتك منخفضة. منسمعة هي تقييم مشاركات الآخري الميزات التي تستطيع الاستفادة منها عند وصولك لـ 100 نقطة ن بالسلب والتعليق والمشاركة في مجتمعات حسوب بشكل مجهول. كما تمكّنكَ نقاط السمعة من إنشاء مجتمع خاص بك هنا على حسوب وذلك في حال وصلت إلى 1000 نقطة سمعة. تزداد نقاط سمعتك في حال قام أحد الأعضاء بتقييم مشاركتك أو تعليقك بشكل إيجابي وذلك بالنقر على السهم العلوي بجانب اسمك وبذلك تزداد نقاط سمعتك بواحد كل مرّة بتكرّر هذا الأمر، لاحظ أنّه لا يمكن تقييم مشاركاتك الشخصيّة.1 نقطة
-
تستطيعين استخدام هذا النموذج لانشاء الصفحة الخاصه بك <!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>Mari Carmen Hotel</title> <!-- GOOGLE FONTS --> <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,700" rel="stylesheet"> <!-- FLATICON --> <link href="http://themeradiant-aurelia.surge.sh/assets/plugins/flaticon/font/flaticon.css" rel="stylesheet"> <!-- ANIMATE CSS --> <link href="http://themeradiant-aurelia.surge.sh/assets/css/animate.css" rel="stylesheet"> <!-- VEGAS CSS --> <link href="http://themeradiant-aurelia.surge.sh/assets/plugins/vegas/vegas.min.css" rel="stylesheet"> <!-- OWL CAROUSEL --> <link href="http://themeradiant-aurelia.surge.sh/assets/plugins/owl/owl.carousel.min.css" rel="stylesheet"> <link href="http://themeradiant-aurelia.surge.sh/assets/plugins/owl/owl.theme.default.min.css" rel="stylesheet"> <!-- BOOTSTRAP DATEPICKER --> <link href="http://themeradiant-aurelia.surge.sh/assets/css/bootstrap-datepicker.min.css" rel="stylesheet"> <!-- BOOTSTRAP --> <link href="http://themeradiant-aurelia.surge.sh/assets/css/bootstrap.min.css" rel="stylesheet"> <!-- TEMPLATE STYLE --> <link href="http://themeradiant-aurelia.surge.sh/assets/css/style.css" rel="stylesheet"> </head> <body> <div id="page-loader"> <div class="spinner"> <div class="bounce1"></div> <div class="bounce2"></div> <div class="bounce3"></div> </div> </div> <!-- SITE WRAPPER --> <div class="site-wrapper"> <div class="site-header"> <div class="container"> <!-- TOP HEADER --> <div id="top-header" class="row hidden-xs hidden-sm hidden-md"> </div> <!-- END OF TOP HEADER --> <!-- MAIN HEADER --> <div id="main-header" class="row"> <div class="col-md-4 col-xs-9"> <a href="#" class="site-title underline"> Mari Carmen <span class="colored normal">Hotel</span></a> </div> <div class="col-md-8 col-xs-12 text-right hidden-xs hidden-sm"> <ul id="main-nav"> <li><a href="#home" class="smooth-scroll animated-underline">Home</a></li> <li><a href="#rooms" class="smooth-scroll animated-underline">Rooms</a></li> <li><a href="#dining" class="smooth-scroll animated-underline">Dining</a></li> <li><a href="#hs" class="smooth-scroll animated-underline">History</a></li> <li><a href="#about" class="smooth-scroll animated-underline">About</a></li> <li><a href="#contact-us" class="smooth-scroll animated-underline">Contact Us</a></li> </ul> </div> <div class="col-xs-3 hidden-md hidden-lg"> <a href="#" id="mobile-menu-btn" class="pull-right"><i class="flaticon-bars"></i></a> <div id="mobile-menu"> <a href="#" id="close-mobile-menu-btn"><i class="flaticon-cross-out"></i> Close</a> <ul> <li><a href="#home" class="smooth-scroll">Home</a></li> <li><a href="#rooms" class="smooth-scroll">Rooms</a></li> <li><a href="#dining" class="smooth-scroll">Dining</a></li> <li><a href="#hs" class="smooth-scroll">History</a></li> <li><a href="#about" class="smooth-scroll">About</a></li> <li><a href="#contact-us" class="smooth-scroll">Contact Us</a></li> </ul> </div> <div id="mobile-menu-overlay"></div> </div> </div> <!-- END OF MAIN HEADER --> </div> </div> <!-- END OF SITE HEADER --> <!-- HOME --> <section id="home" class="hero"> <div class="hero-inner container text-center"> <div class="row"> <div class="col-xs-12"> <h1 class="title invisible">Responsive <span class="colored light">hotel Template</span></h1> <p class="description invisible">Discover a hotel that defines a new dimension of luxury</p> <a href="#rooms" id="hero-book-now" class="button ghost round large invisible smooth-scroll">Learn More</a> </div> </div> </div> <div class="dark-overlay"></div> </section> <!-- END OF HOME --> <!-- ROOMS --> <section id="rooms" class="white-space-5 light-bg"> <div class="container"> <div class="row waypoint" data-animate="slideInLeft" data-offset="70"> <div class="col-xs-12 col-md-6 col-md-offset-3 white-space-2 text-center"> <h6 class="light grey uppercase letter-spacing">Stay with us, and feel like home.</h6> <h2 class="light dark-grey underline uppercase">Accomodations</h2> </div> </div> <div class="row waypoint" data-offset="70"> <div class="col-xs-12"> <ul class="filter-rooms text-center"> <li data-filter="1" class="filter-room-btn active">All</li> <li data-filter="2" class="filter-room-btn">Twin</li> <li data-filter="3" class="filter-room-btn">Double</li> <li data-filter="4" class="filter-room-btn">Deluxe</li> <li data-filter="5" class="filter-room-btn">Suite</li> </ul> <div class="filtr-container row text-center"> <div class="filtr-item col-md-3 col-sm-6" data-category="1, 4"> <div class="white-space-2 room-box"> <div class="room-image"> <a href="#" data-toggle="modal" data-target="#room-details-modal"><i class="flaticon-search"></i></a> <img class="img-responsive" src="http://themeradiant-aurelia.surge.sh/assets/images/rooms/deluxe.jpg" alt="room-image"> </div> <h4 class="room-type">Deluxe A</h4> <p class="light">Enim similique excepturi odit facere temporibus aliquid reiciendis asperiores voluptatum repudiandae labore itaque quae laboriosam.</p> <button class="button dark large" data-toggle="modal" data-target="#room-details-modal">View Details</button> </div> </div> <div class="filtr-item col-md-3 col-sm-6" data-category="1, 4"> <div class="white-space-2 room-box"> <div class="room-image"> <a href="#" data-toggle="modal" data-target="#room-details-modal"><i class="flaticon-search"></i></a> <img class="img-responsive" src="http://themeradiant-aurelia.surge.sh/assets/images/rooms/deluxe2.jpg" alt="room-image"> </div> <h4 class="room-type">Deluxe B</h4> <p class="light">Enim similique excepturi odit facere temporibus aliquid reiciendis asperiores voluptatum repudiandae labore itaque quae laboriosam.</p> <button class="button dark large" data-toggle="modal" data-target="#room-details-modal">View Details</button> </div> </div> <div class="filtr-item col-md-3 col-sm-6" data-category="1, 2"> <div class="white-space-2 room-box"> <div class="room-image"> <a href="#" data-toggle="modal" data-target="#room-details-modal"><i class="flaticon-search"></i></a> <img class="img-responsive" src="http://themeradiant-aurelia.surge.sh/assets/images/rooms/twin.jpg" alt="room-image"> </div> <h4 class="room-type">Twin</h4> <p class="light">Enim similique excepturi odit facere temporibus aliquid reiciendis asperiores voluptatum repudiandae labore itaque quae laboriosam.</p> <button class="button dark large" data-toggle="modal" data-target="#room-details-modal">View Details</button> </div> </div> <div class="filtr-item col-md-3 col-sm-6" data-category="1, 3"> <div class="white-space-2 room-box"> <div class="room-image"> <a href="#" data-toggle="modal" data-target="#room-details-modal"><i class="flaticon-search"></i></a> <img class="img-responsive" src="http://themeradiant-aurelia.surge.sh/assets/images/rooms/double.jpg" alt="room-image"> </div> <h4 class="room-type">Double A</h4> <p class="light">Enim similique excepturi odit facere temporibus aliquid reiciendis asperiores voluptatum repudiandae labore itaque quae laboriosam.</p> <button class="button dark large" data-toggle="modal" data-target="#room-details-modal">View Details</button> </div> </div> <div class="filtr-item col-md-3 col-sm-6" data-category="1, 3"> <div class="white-space-2 room-box"> <div class="room-image"> <a href="#" data-toggle="modal" data-target="#room-details-modal"><i class="flaticon-search"></i></a> <img class="img-responsive" src="http://themeradiant-aurelia.surge.sh/assets/images/rooms/double2.jpg" alt="room-image"> </div> <h4 class="room-type">Double B</h4> <p class="light">Enim similique excepturi odit facere temporibus aliquid reiciendis asperiores voluptatum repudiandae labore itaque quae laboriosam.</p> <button class="button dark large" data-toggle="modal" data-target="#room-details-modal">View Details</button> </div> </div> <div class="filtr-item col-md-3 col-sm-6" data-category="1, 3"> <div class="white-space-2 room-box"> <div class="room-image"> <a href="#" data-toggle="modal" data-target="#room-details-modal"><i class="flaticon-search"></i></a> <img class="img-responsive" src="http://themeradiant-aurelia.surge.sh/assets/images/rooms/double3.jpg" alt="room-image"> </div> <h4 class="room-type">Double C</h4> <p class="light">Enim similique excepturi odit facere temporibus aliquid reiciendis asperiores voluptatum repudiandae labore itaque quae laboriosam.</p> <button class="button dark large" data-toggle="modal" data-target="#room-details-modal">View Details</button> </div> </div> <div class="filtr-item col-md-3 col-sm-6" data-category="1, 3"> <div class="white-space-2 room-box"> <div class="room-image"> <a href="#" data-toggle="modal" data-target="#room-details-modal"><i class="flaticon-search"></i></a> <img class="img-responsive" src="http://themeradiant-aurelia.surge.sh/assets/images/rooms/double4.jpg" alt="room-image"> </div> <h4 class="room-type">Double D</h4> <p class="light">Enim similique excepturi odit facere temporibus aliquid reiciendis asperiores voluptatum repudiandae labore itaque quae laboriosam.</p> <button class="button dark large" data-toggle="modal" data-target="#room-details-modal">View Details</button> </div> </div> <div class="filtr-item col-md-3 col-sm-6" data-category="1, 5"> <div class="white-space-2 room-box"> <div class="room-image"> <a href="#" data-toggle="modal" data-target="#room-details-modal"><i class="flaticon-search"></i></a> <img class="img-responsive" src="http://themeradiant-aurelia.surge.sh/assets/images/rooms/suite.jpg" alt="room-image"> </div> <h4 class="room-type">Suite</h4> <p class="light">Enim similique excepturi odit facere temporibus aliquid reiciendis asperiores voluptatum repudiandae labore itaque quae laboriosam.</p> <button class="button dark large" data-toggle="modal" data-target="#room-details-modal">View Details</button> </div> </div> </div> </div> </div> </div> </section> <!-- END OF ROOMS --> <!-- DINING --> <section id="dining" class="white-space-5"> <div class="container"> <div class="row"> <div class="col-xs-12 col-md-6 col-md-offset-3 white-space-2 text-center"> <h6 class="light grey uppercase letter-spacing">We don’t make it until you order it.</h6> <h2 class="light dark-grey underline uppercase">Dining</h2> </div> </div> <div class="white-space-3"></div> <div class="row"> <div class="col-md-6"> <img src="http://themeradiant-aurelia.surge.sh/assets/images/dining/breakfast.jpg" class="img-responsive" alt="dining"> <div class="white-space-2"></div> </div> <div class="col-md-6"> <h2 class="colored">Breakfast</h2> <p class="light">Ask her how her day was. File not found. You guys go on without me! I'm going to go… look for more stuff to steal! It's just like the story of the grasshopper and the octopus. All year long, the grasshopper kept burying acorns for winter, while the octopus mooched off his girlfriend and watched TV. But then the winter came, and the grasshopper died, and the octopus ate all his acorns. Also he got a race car. Is any of this getting through to you?</p> <a href="#" class="button large">Breakfast Menu</a> </div> </div> <div class="white-space-5"></div> <div class="row"> <div class="col-md-6 col-md-push-6"> <img src="http://themeradiant-aurelia.surge.sh/assets/images/dining/lunch.jpg" class="img-responsive" alt="dining"> <div class="white-space-2"></div> </div> <div class="col-md-6 col-md-pull-6"> <h2 class="colored">Lunch</h2> <p class="light">Ask her how her day was. File not found. You guys go on without me! I'm going to go… look for more stuff to steal! It's just like the story of the grasshopper and the octopus. All year long, the grasshopper kept burying acorns for winter, while the octopus mooched off his girlfriend and watched TV. But then the winter came, and the grasshopper died, and the octopus ate all his acorns. Also he got a race car. Is any of this getting through to you?</p> <a href="#" class="button large">Lunch Menu</a> </div> </div> <div class="white-space-5"></div> <div class="row"> <div class="col-md-6"> <img src="http://themeradiant-aurelia.surge.sh/assets/images/dining/dinner.jpg" class="img-responsive" alt="dining"> <div class="white-space-2"></div> </div> <div class="col-md-6"> <h2 class="colored">Dinner</h2> <p class="light">Ask her how her day was. File not found. You guys go on without me! I'm going to go… look for more stuff to steal! It's just like the story of the grasshopper and the octopus. All year long, the grasshopper kept burying acorns for winter, while the octopus mooched off his girlfriend and watched TV. But then the winter came, and the grasshopper died, and the octopus ate all his acorns. Also he got a race car. Is any of this getting through to you?</p> <a href="#" class="button large">Dinner Menu</a> </div> </div> </div> <div class="white-space-3"></div> </section> <!-- END OF DINING --> <!-- MEETINGS & EVENTS --> <section id="hs" style="background-image: url('http://themeradiant-aurelia.surge.sh/assets/images/rooms/meeting-room.jpg')"> <div class="dark-overlay"></div> <div class="container"> <div class="row text-center"> <div class="col-xs-12 waypoint" data-animate="fadeInDown" data-offset="60"> <h5 class="light uppercase white">Meetings & events</h5> <h1 class="title white">Be a <span class="normal colored">guest</span> <br>at your own <span class="normal">event</span></h1> </div> </div> <div class="row text-center white-space-2 waypoint" data-offset="70"> <div class="col-xs-6 col-sm-4 col-xs-offset-3 col-sm-offset-0 white-space-2"> <h4 class="light white underline uppercase">Conference</h4> <p class="white description">Accusantium, sapiente sed minus sit amet, consectetur adipisici.</p> <a href="#contact-us" class="button ghost large round smooth-scroll">Inquiry</a> </div> <div class="col-xs-6 col-sm-4 col-xs-offset-3 col-sm-offset-0 white-space-2"> <h4 class="light white underline uppercase">Business Meetings</h4> <p class="white description">Accusantium, sapiente sed minus sit amet, consectetur adipisici.</p> <a href="#contact-us" class="button ghost large round smooth-scroll">Inquiry</a> </div> <div class="col-xs-6 col-sm-4 col-xs-offset-3 col-sm-offset-0 white-space-2"> <h4 class="light white underline uppercase">Events</h4> <p class="white description">Accusantium, sapiente sed minus sit amet, consectetur adipisici.</p> <a href="#contact-us" class="button ghost large round smooth-scroll">Inquiry</a> </div> </div> </div> </section> <!-- END OF MEETINGS & EVENTS --> <!-- ABOUT --> <section id="about" class="white-space-5"> <div class="container"> <div class="row"> <div class="col-md-6"> <h1 class="title white-space-7"> The <span class="normal dark-grey">right way</span><br> The <span class="normal colored">aurelia way</span><br> </h1> </div> <div class="col-md-6"> <h4 class="light underline uppercase">About</h4> <p class="light">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam non numquam unde obcaecati dignissimos voluptates ea eveniet voluptatibus laborum rem quasi, itaque reprehenderit pariatur illum vero. Iste ipsam accusantium fugiat.</p> <p class="light">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam non numquam unde obcaecati dignissimos voluptates ea eveniet voluptatibus laborum rem quasi, itaque reprehenderit pariatur illum vero. Iste ipsam accusantium fugiat.</p> </div> </div> <div class="row"> <div class="col-md-6"> <div class="row white-space-2"> <div class="col-xs-6"> <img src="http://themeradiant-aurelia.surge.sh/assets/images/about/beach-hut.jpg" class="img-responsive" alt="about-image"> </div> <div class="col-xs-6"> <img src="http://themeradiant-aurelia.surge.sh/assets/images/about/dining.jpg" class="img-responsive" alt="about-image"> </div> </div> <div class="row"> <div class="col-xs-6"> <img src="http://themeradiant-aurelia.surge.sh/assets/images/about/dining.jpg" class="img-responsive" alt="about-image"> </div> <div class="col-xs-6"> <img src="http://themeradiant-aurelia.surge.sh/assets/images/about/room.jpg" class="img-responsive" alt="about-image"> </div> </div> </div> <div class="col-md-6"> <h4 class="light underline uppercase white-space-2">History</h4> <p class="light">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam non numquam unde obcaecati dignissimos voluptates ea eveniet voluptatibus laborum rem quasi, itaque reprehenderit pariatur illum vero. Iste ipsam accusantium fugiat.</p> <p class="light">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam non numquam unde obcaecati dignissimos voluptates ea eveniet voluptatibus laborum rem quasi, itaque reprehenderit pariatur illum vero. Iste ipsam accusantium fugiat.</p> <a href="#" class="button">Read More</a> </div> </div> <div class="white-space-3"></div> <div class="row"> <div class="col-md-6"> <h1 class="title white-space-7"> Every great <span class="normal dark-grey">business</span><br> is built on <span class="normal colored">friendship</span><br> </h1> </div> <div class="col-md-6"> <h4 class="light underline uppercase">Customer Reviews</h4> <div class="owl-carousel owl-theme"> <div class="white-space-2"> <span class="light">Grace Wright</span> <br> <span class="flaticon-shape tiny-icon"></span> <span class="flaticon-shape tiny-icon"></span> <span class="flaticon-shape tiny-icon"></span> <span class="flaticon-shape tiny-icon"></span> <span class="flaticon-shape tiny-icon"></span> <br><br> <p>Best experience ever!!!</p> <p class="light">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi, est, adipisci. Minus maxime vitae, et amet dicta. Provident vel architecto ipsa natus expedita beatae sed aliquid aspernatur, praesentium autem nemo.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis numquam non quas ex at quod, ut, et cumque fugiat repellendus quae iusto reiciendis. Ratione accusamus, eligendi dolores, laboriosam beatae vitae.</p> </div> <div class="white-space-2"> <span class="light">Steve Young</span> <br> <span class="flaticon-shape tiny-icon"></span> <span class="flaticon-shape tiny-icon"></span> <span class="flaticon-shape tiny-icon"></span> <span class="flaticon-shape tiny-icon"></span> <span class="flaticon-shape tiny-icon"></span> <br><br> <p>Great Food, Great Stay!</p> <p class="light">Adipisci. Minus maxime vitae, et amet dicta. Provident vel architecto ipsa natus expedita beatae sed aliquid aspernatur, praesentium autem nemo.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis numquam non quas ex at quod, ut, et cumque fugiat repellendus quae iusto reiciendis. Ratione accusamus, eligendi dolores, laboriosam beatae vitae.</p> </div> <div class="white-space-2"> <span class="light">Kate Lee Adams</span> <br> <span class="flaticon-shape tiny-icon"></span> <span class="flaticon-shape tiny-icon"></span> <span class="flaticon-shape tiny-icon"></span> <span class="flaticon-shape tiny-icon"></span> <span class="flaticon-shape-2 tiny-icon"></span> <br><br> <p>Had a great time with my family</p> <p class="light">Consectetur adipisicing elit. Nisi, est, adipisci. raesentium autem nemo.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis numquam non quas ex at quod, ut, et cumque fugiat repellendus quae iusto reiciendis. Ratione accusamus, eligendi dolores, laboriosam beatae vitae.</p> </div> <div class="white-space-2"> <span class="light">Jessica Williams</span> <br> <span class="flaticon-shape tiny-icon"></span> <span class="flaticon-shape tiny-icon"></span> <span class="flaticon-shape tiny-icon"></span> <span class="flaticon-shape tiny-icon"></span> <span class="flaticon-shape-1 tiny-icon"></span> <br><br> <p>Nice place, great food!</p> <p class="light">Perferendis qui architecto, quos nesciunt, iusto earum labore dolores vel, ducimus nulla dolorum. Voluptas, hic! Distinctio dolorum, dolorem ipsam blanditiis, repellendus necessitatibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad quod soluta, fugit sit enim assumenda nihil veniam harum fugiat molestiae. Veniam est nam voluptates quam officia quisquam, nobis odio pariatur!</p> </div> </div> </div> </div> </div> </section> <!-- END OF ABOUT --> <!-- CONTACT US --> <section id="contact-us" class="white-space-5 light-bg"> <div class="container"> <div class="row"> <div class="col-xs-12 col-md-6 col-md-offset-3 white-space-2 text-center"> <h6 class="light grey uppercase letter-spacing">Get in touch</h6> <h2 class="light dark-grey underline uppercase">Contact Us</h2> </div> </div> <div class="row"> <div class="col-md-6"> <div class="row"> <div class="col-xs-12"> <p class="light text-center-xs text-center-sm">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt sit, similique neque, ratione temporibus.</p> </div> </div> <div class="row"> <div class="col-sm-6"> <h4 class="white-space-2 colored">Main Office</h4> <ul class="list-unstyled"> <li><i class="flaticon-technology"></i> 1-541-967-0010</li> <li><i class="flaticon-mail"></i> example@gmail.com</li> <li><i class="flaticon-location-pin"></i> 1565 Marietta Street<br>Santa Rosa, California</li> </ul> </div> <div class="col-sm-6"> <h4 class="white-space-2 colored">Branch Office</h4> <ul class="list-unstyled"> <li><i class="flaticon-technology"></i> 323-520-1038</li> <li><i class="flaticon-mail"></i> example2@gmail.com</li> <li><i class="flaticon-location-pin"></i> 2133 Evergreen Lane<br>Alhambra, California</li> </ul> </div> </div> <div class="row"> <div class="col-xs-12 white-space-2"> <ul id="social-media-contact" class="list-inline"> <li><a href="#." class="flaticon-facebook-logo-in-circular-button-outlined-social-symbol"></a></li> <li><a href="#." class="flaticon-twitter-circular-button"></a></li> <li><a href="#." class="flaticon-google-plus-circular-button"></a></li> <li><a href="#." class="flaticon-pinterest-social-visual-website-logotype"></a></li> <li><a href="#." class="flaticon-linkedin"></a></li> <li><a href="#." class="flaticon-instagram"></a></li> </ul> </div> </div> </div> <div class="col-md-6"> <h4 class="colored uppercase"><i class="flaticon-edit"></i> Leave a Message</h4> <p class="light">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic earum, nulla enim.</p> <div class="row"> <div class="col-md-6"> <div class="form-group"> <input type="text" name="name" class="form-control" placeholder="Your Name"> </div> </div> <div class="col-md-6"> <div class="form-group"> <input type="email" name="email" class="form-control" placeholder="Email"> </div> </div> </div> <div class="row"> <div class="col-md-6"> <div class="form-group"> <input type="text" name="contact-number" class="form-control" placeholder="Contact Number"> </div> </div> <div class="col-md-6"> <input type="text" name="subject" class="form-control" placeholder="Subject"> </div> </div> <div class="form-group"> <textarea name="message" class="form-control" rows="7" placeholder="Message"></textarea> </div> <div class="form-group"> <button class="button large dark">Submit</button> </div> </div> </div> </div> </section> <!-- END OF CONTACT US --> <div id="map"></div> </div> <!-- END OF SITE WRAPPER --> <!-- MODALS --> <div class="modal fade" id="room-details-modal" tabindex="-1" role="dialog"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span class="flaticon-cross-out"></span></button> <h4 class="modal-title light">Aurelia Hotel - Deluxe A</h4> </div> <div class="modal-body"> <div class="row"> <div class="col-md-5"> <div id="room-images" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#room-images" data-slide-to="0" class="active"></li> <li data-target="#room-images" data-slide-to="1"></li> <li data-target="#room-images" data-slide-to="2"></li> <li data-target="#room-images" data-slide-to="3"></li> </ol> <div class="carousel-inner" role="listbox"> <div class="item active"> <img src="http://themeradiant-aurelia.surge.sh/assets/images/rooms/deluxe.jpg" alt="rooms-carousel"> </div> <div class="item"> <img src="http://themeradiant-aurelia.surge.sh/assets/images/rooms/deluxe.jpg" alt="rooms-carousel"> </div> <div class="item"> <img src="http://themeradiant-aurelia.surge.sh/assets/images/rooms/double.jpg" alt="rooms-carousel"> </div> <div class="item"> <img src="http://themeradiant-aurelia.surge.sh/assets/images/rooms/double2.jpg" alt="rooms-carousel"> </div> </div> <a class="left carousel-control" href="#room-images" role="button" data-slide="prev"> <span class="arrow flaticon-back" aria-hidden="true"></span> </a> <a class="right carousel-control" href="#room-images" role="button" data-slide="next"> <span class="arrow flaticon-next" aria-hidden="true"></span> </a> </div> <div class="white-space-2"></div> </div> <div class="col-md-7"> <div class="row"> <div class="col-sm-6"> <h2>$374.82<small>/night</small></h2> <p class="light">Breakfast Included</p> </div> <div class="col-sm-6"> <button class="button ghost white hotel-book-now" data-toggle="modal" data-target="#booking-form-modal">Book Now</button> </div> </div> <div class="white-space-2"></div> <div class="row"> <div class="col-md-6"> <h4>Room Amenities</h4> <p class="light">Air conditioning, Balcony, Bathroom, Desk, Flat screen TV, Hair dryer, Minibar, Refrigerator, Shower, Toilet, Towels</p> <div class="white-space-2"></div> </div> <div class="col-md-6"> <h4 class="">Max Occupancy</h4> <span class="flaticon-man-silhouette"></span> <span class="flaticon-man-silhouette"></span> </div> </div> </div> </div> <div class="white-space-2"></div> <div class="row"> <div class="col-xs-12"> <h4>Description</h4> <p class="light">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis dolore saepe itaque rerum iusto, modi ipsum deserunt qui aliquam, accusantium quasi tempore nam quam sapiente cum laudantium maiores. Consectetur, vero.</p> </div> </div> <div class="white-space-2"></div> <div class="row"> <div class="col-xs-12"> <h4>Payment Terms</h4> <p class="light">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam adipisci accusamus unde omnis qui sint at perspiciatis expedita deleniti maxime odio velit deserunt, reiciendis suscipit id maiores, hic dicta rerum. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum quibusdam nihil voluptatum aliquam voluptates laboriosam magni commodi impedit nulla, neque officia sequi facere, dignissimos magnam vero ratione non eveniet tempora!</p> </div> </div> <div class="white-space-2"></div> <div class="row"> <div class="col-xs-12"> <h4>Cancellation Policy</h4> <p class="light">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae fugit ipsum natus neque numquam debitis quis, nihil. Sint laborum porro, perspiciatis illum, pariatur obcaecati quia aliquam officia consequatur voluptatibus impedit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis, ducimus cumque nulla. Voluptatem eligendi nihil laborum cupiditate adipisci aliquam temporibus voluptatibus quo blanditiis aperiam quaerat, expedita, magni voluptates delectus at.</p> </div> </div> </div> </div> </div> </div> <div class="modal fade" id="booking-form-modal" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span class="flaticon-cross-out"></span></button> <h4 class="modal-title light" ><span class="flaticon-calendar"></span> Booking Form</h4> </div> <div class="modal-body"> <div class="row"> <form> <div class="col-md-6"> <div class="form-group"> <input type="text" class="form-control" placeholder="First Name"> </div> </div> <div class="col-md-6"> <div class="form-group"> <input type="text" class="form-control" placeholder="Last Name"> </div> </div> <div class="col-md-6"> <div class="form-group"> <input type="text" class="form-control" placeholder="Email Address"> </div> </div> <div class="col-md-6"> <div class="form-group"> <input type="text" class="form-control" placeholder="Phone Number"> </div> </div> <div class="col-md-6"> <div class="form-group"> <input type="text" class="form-control" placeholder="Arrival" data-provide="datepicker"> </div> </div> <div class="col-md-6"> <div class="form-group"> <input type="text" class="form-control" placeholder="Departure" data-provide="datepicker"> </div> </div> <div class="col-md-6"> <div class="form-group"> <select class="form-control"> <option disabled selected>Adults</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select> </div> </div> <div class="col-md-6"> <div class="form-group"> <select class="form-control"> <option disabled selected>Children</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select> </div> </div> <div class="col-md-6"> <div class="form-group"> <select class="form-control"> <option disabled selected>Room</option> <option>Deluxe A</option> <option>Deluxe B</option> <option>Twin</option> <option>Double A</option> <option>Double B</option> <option>Double C</option> <option>Suite</option> </select> </div> </div> <div class="col-md-6"> <div class="form-group"> <select class="form-control"> <option disabled selected>Include Lunch</option> <option>Yes</option> <option>No</option> </select> </div> </div> <div class="col-md-6"> <div class="form-group"> <textarea rows="5" class="form-control" placeholder="Special Requests"></textarea> </div> </div> <div class="col-md-6"> <div class="form-group"> <div class="checkbox"> <label> <input type="checkbox"> <span class="light">I agree to the Terms & Conditions</span> </label> </div> <a href="#." class="button ghost white">Confirm and Book</a> </div> </div> </form> </div> </div> </div> </div> </div> <!-- JQUERY --> <script src="http://themeradiant-aurelia.surge.sh/assets/js/jquery.min.js"></script> <script src="http://themeradiant-aurelia.surge.sh/assets/js/jquery-ui.min.js"></script> <!-- BOOTSTRAP DATEPICKER --> <script src="http://themeradiant-aurelia.surge.sh/assets/js/bootstrap-datepicker.min.js"></script> <!-- BOOTSTRAP --> <script src="http://themeradiant-aurelia.surge.sh/assets/js/bootstrap.min.js"></script> <!-- VEGAS BACKGROUND SLIDESHOW --> <script src="http://themeradiant-aurelia.surge.sh/assets/plugins/vegas/vegas.min.js"></script> <!-- OWL CAROUSEL --> <script src="http://themeradiant-aurelia.surge.sh/assets/plugins/owl/owl.carousel.min.js"></script> <!-- FILTERIZR --> <script src="http://themeradiant-aurelia.surge.sh/assets/plugins/filterizr/jquery.filterizr.min.js"></script> <!-- WAYPOINTS --> <script src="http://themeradiant-aurelia.surge.sh/assets/plugins/waypoints/jquery.waypoints.min.js"></script> <!-- GOOGLE MAPS API JAVASCRIPT --> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCefAYkn-vDsdbsV73K9T91Tl9abFQLw-A"></script> <!-- AURELIA JS --> <script src="http://themeradiant-aurelia.surge.sh/assets/js/aurelia.js"></script> </body> </html> في حال احتياجك الى استفسار اخر او توضيح لا تتردي بطرحه هنا1 نقطة
-
السلام عليكم ، اليوم سجلت بدورة علوم الحاسوب ولم أجدها مناسبة لي ، برجاء رد المبلغ المدفوع وشكراً لكم1 نقطة
-
أهلا بك هيثم, في الأمور التي تختص بالتصميم من الأفضل إستخدام جهاز الحاسوب لذلك لأن البرامج الموجودة هنالك تقدم العديد والكثير من الميزات والأدوات التي تجعل من العمل المراد إنشاءه أكثر جمالاً وإحترافية ,لكن برامج الهاتف تكون مقتصرة على بعض الأمور أو بشيء معين من ناحية الموشن جرافيك لكن هنالك بعض البرامج على الهاتف والتي قد تقدم ما تحتاج إليه ,منها: Alight Motion — Video and Animation Editor: برنامج مجاني يقدم العديد من الأمور والأدوات التي تساعد في إنشاء فيديوهات موشن جرافيك وتعديل على الفيديو بطريقة رائعة التطبيق موجود بشكل مجاني على كل من Android وال IOS. Legend - Animation Text: برنامج مختص بعمل فيديوهات وموشن جرافيك على النصوص البرنامج مجاني على Android. I Can Animate: برنامج بسيط لصناعة الفيديوهات والأفلام الصغيرة بطريقة سهلة وبسيطة متوفر بنسختين مجانية ومدفوعة على الأندرويد ولكنها مدفوعة على IOS. Flipaclip: تطبيق جميل يستخدم للقيام بعمل موشن جرافيك وفيديوهات من خلال الرسم حيث يمكنك صناعة الفيديوهات وال GIFS إضافة طبقات والأصوات عليها متوافر بشكل مجاني على أندرويد و IOS. تحياتي.1 نقطة
-
مرحبًا عبد الواحد. أحسنت العمل،عمل أكثر من ممتاز كالعادة، أحببت التصميم كثيرًا. ملاحظاتي هي كما يلي: في قسم الترويسة لاحظت أن جملة "عنوان تجريبي قابل للتعديل" تأخذ محاذاة في المنتصف و الفقرة التي تحتها محاذاتها جهة اليمين و في التصميم لا يُفضل أبدًا القيام بهذا فمن أهم الأمور في التصميم هي ال consistency. أي إذا كانت محاذاة العنوان في المنتصف نجعل محاذاة الفقرة في المنتصف أيضًا و هكذا. في قسم عن التسويق، ألوان الأيقونات التي تحتوي الأرقام تبدو عشاوائية بعض الشئ، أنا لا أرى أي داعً لاستخدام كل هذه الألوان يكفي فقط لون أو اثنان. أيضآ أعتقد أنها بحاجو لأن تكون أصغر بعض الشئ. في قسم مميزاتنا و من نحن، لدي تعليق بسيط على الأيقونات المستخدمة أيضًا فهي تختلف عن بعضها اختلاف كبير و ليست من نفس النوع و الألوان. أيضًا هذا أمر يجب أن تنتبه له. مثال لأيقونات يمكن استخدامها معًا في نفس الموقع. استمر في هذا العمل الرائع. أتمنى لك التوفيق.
1 نقطة -
مرحبا عبد الواحد، عمل متقن ومميز جدا وأعجبني. الملاحظة1: في آخر صورة التي تعرض الخريطة, بحيث أظن المشكلة في اقتصاص الصورة (الحواف اليسرى أصغر من اليمنى و غير متساوي). الملاحظة1: أيقونات التواصل الاجتماعي مكانها غير موفق و قريبة من الحواف وصغيرة الحجم ولون الخلفية الأصفر أيضا لا أجده مناسبا. الملاحظة3: أنت تتبع نفس الأسلوب مثل التصاميم السابقة وأقترح عليك تجريب أنماط جديدة. أرجو رفع الملفات على استضافة بحيث نستطيع تجريب الموقع كما فعلت سابقا على GitHub Pages هل التصميم متوافق مع مختلف الشاشات Responsive؟ بالتوفيق1 نقطة
-
هل المطلوب بهذا الشكل
1 نقطة -
أنا طالب جامعيّ، لكنني بدأت مؤخّرا مسيرة العمل الحر، مشكلتي أن دراستي تأخذ منّي الكثير من الوقت، فلا أجد وقتا لمُتابعة عملي على المشاريع الموكلة إليّ وخاصّة عند اقتراب الامتحانات. فما نصائحكم لأتمكّن من الموازنة بين عملي الحر ودراستي علما بأنّ خيّار ترك الدّراسة للتفرغ للعمل الحر ليس خيّارا مطروحا.1 نقطة
-
باعتباري كاتبة مقالات على مواقع عديدة، ماهي المدة المعقولة التي يجب تخصيصها لكل مقال ؟1 نقطة
-
أعمل بمجال مشابه بين ترجمة وكتابة المقالات. بشكل عام وجدت أن كتابة المقال بشكلٍ مباشر أمرٌ غير مُجدي ويستهلك وقتً كبيرًا، وعليه استنتجت أن فهم موضوع المقالة بشكلٍ ممتاز بالإضافة إلى جمع المراجع والمصادر والمعلومات المطلوبة أولاً ومن ثمّ البدء في كتابة المقال من شأنه أن يسهّل عليك العمليّة. قد تأخذ الخطوة الأول وقتًا أطول من كتابة المقالة، فقد تحتاج إلى ساعة أو ساعتين، إلا أنه من شأنها أن تساعدك في إنتاج مقالة مميزة ومتكاملة. بشكل عام لا تتجاوز مدّة كتابة المقال الواحد الساعة الواحدة فقط إن كانت لديك كل المعلومات المطلوبة. من المؤكد يجب تنقيح المقال من الأخطاء ومراعاة علامات الترقيم وغيرها من التفاصيل الدقيقة التي قد تأخذ 15 دقيقة. نصيحة صغيرة، اعرضي المقال على أحد الأشخاص الذين تثقين برأيهم فمن شأنهم أن يسلطوا الضوء على بعض النقاط التي قد غفلتِ عنها.1 نقطة
-
اجعل اسمك معروفًا في المجال الذي تبرع فيه وتحبه، شارك في المجتمعات مثل مجتمع "حسوب IO"، اكتب كتيّبًا عن أمرٍ تبرع فيه، دوّن في مُدوّنة، اكتب في تويتر. يعني بالمُختصر سوّق نفسك. بعد ذلك سجّل في مواقع العمل الحر مثل "مستقل".1 نقطة
