P30-ART


ارسال موضوع ارسال پاسخ
 
امتیاز موضوع:
  • 1 رأی - میانگین امتیازات: 5
  • 1
  • 2
  • 3
  • 4
  • 5
قالب زیبای به زودی... +نمایش آنلاین
نویسنده پیام
مدیر کل انجمن
********

ارسال‌ها: 634
تاریخ عضویت: اسفند 1392
اعتبار: 77
وضعیت : آفلاین
جنسیت:
سپاس ها 782
سپاس شده 1165 بار در 473 ارسال
ارسال: #1
قالب زیبای به زودی... +نمایش آنلاین
 
قالب زیبای به زودی که برای موقعی که سایت یا وبلاگ در دست تعمیر هست استفاده میشه
این قالب رو خودم ترجمه و ویرایش کردم و برای استفاده عموم گذاشتم


[تصویر:  demo.png]
کد قالب به زودی:


کد:
<!DOCTYPE html>
<!--[if IE 8 ]><html class="ie ie8" lang="fa-ir"><![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="fa-ir"><!--<![endif]-->
<head>

<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<title>Swiftly - Coming Soon Template</title>
<meta name="description" content="">
<meta name="author" content="">

<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Google Web Font
================================================== -->
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,300,600,700,800">

<!-- CSS
================================================== -->
<link rel="stylesheet" type="text/css" href="http://www.bistbaner.ir/uploud/theme/swiftly/css/font-awesome.min.css" />
<link rel="stylesheet" type="text/css" href="http://www.bistbaner.ir/uploud/theme/swiftly/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="http://www.bistbaner.ir/uploud/theme/swiftly/css/animate-custom.css">
<link rel="stylesheet" type="text/css" href="http://www.bistbaner.ir/uploud/theme/swiftly/css/style.css" media="all">

<!-- Favorite and touch icons
================================================== -->
<link rel="shortcut icon" href="http://www.bistbaner.ir/uploud/theme/swiftly/img/favicon.ico" type="image/x-icon" />
<link rel="apple-touch-icon" href="http://www.bistbaner.ir/uploud/theme/swiftly/img/apple-touch-icon.png" />
<link rel="apple-touch-icon" sizes="57x57" href="http://www.bistbaner.ir/uploud/theme/swiftly/img/apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="72x72" href="http://www.bistbaner.ir/uploud/theme/swiftly/img/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="114x114" href="http://www.bistbaner.ir/uploud/theme/swiftly/img/apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="144x144" href="http://www.bistbaner.ir/uploud/theme/swiftly/img/apple-touch-icon-144x144.png" />

<!-- Follback to IE8
================================================== -->
<!--[if lt IE 9]>
<script src="js/html5.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->

</head>
<body class="color-red pattern1">

<!-- Page Header Section
================================================== -->
<div id="wrap_page">

<!-- top horizontal line -->
<div class="hline"></div>

<!-- background image wrap -->
<div id="wrap_background">

<!-- Branding and Logo
================================================== -->
<header id="branding">
<h1>
<a href="#" title="Swiftly" rel="home">
<img class="logo_image" src="http://www.bistbaner.ir/uploud/theme/swiftly/img/logo.png" alt="Swiftly" />
</a>
</h1>
</header>

<section class="container">

<!-- Purpose Title
================================================== -->
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="purpose title-fadeIn-swiftly">
<h1>
سایت در دست تعمیر و افزایش امکانات است به زودی باز خواهیم گشت
</h1>
<h2>
با عضویت در خبرنامه ما می توانید از آخرین اخبار و یا زمان شروع سایت با خبر شوید </h2>
</div>
</div>
</div>

<!-- Count Down Timer
================================================== -->
<div id="countdown_dashboard">

<div class="row">
<!-- days -->
<div class="cd-column animated bounceIn">
<div class="dash days_dash">
<div class="figures-swiftly">
<div class="digit"><div class="top"></div><div class="bottom"></div></div>
<div class="digit"><div class="top"></div><div class="bottom"></div></div>
<div class="digit"><div class="top"></div><div class="bottom"></div></div>
</div>
<span class="dash_title">روز</span>
</div>
</div>

<!-- hours -->
<div class="cd-column animated bounceIn">
<div class="dash hours_dash">
<div class="figures-swiftly">
<div class="digit"><div class="top"></div><div class="bottom"></div></div>
<div class="digit"><div class="top"></div><div class="bottom"></div></div>
</div>
<span class="dash_title">ساعت</span>
</div>
</div>

<!-- minutes -->
<div class="cd-column animated bounceIn">
<div class="dash minutes_dash">
<div class="figures-swiftly">
<div class="digit"><div class="top"></div><div class="bottom"></div></div>
<div class="digit"><div class="top"></div><div class="bottom"></div></div>
</div>
<span class="dash_title">دقیقه</span>
</div>
</div>

<!-- seconds -->
<div class="cd-column animated bounceIn">
<div class="dash seconds_dash">
<div class="figures-swiftly">
<div class="digit"><div class="top"></div><div class="bottom"></div></div>
<div class="digit"><div class="top"></div><div class="bottom"></div></div>
</div>
<span class="dash_title">ثانیه</span>
</div>
</div>
</div>
</div><!-- /#countdown_dashboard -->
</section>

</div><!-- /#wrap_background -->

<!-- Newsletter, Contact Us and Follow Us
================================================== -->
<section id="wrap_action" class="container">

<!-- divider -->
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="margin_overlap"><div class="divider"></div></div>
</div>

<!-- Newsletter
================================================== -->
<div class="col-xs-12 col-sm-4 col-md-4">
<div class="wrap_column">

<!-- marker -->
<div class="marker"><div class="dot"></div></div>

<!-- Newsletter -->
<h2>عضویت در خبرنامه</h2>
<p>با عضویت در خبرنامه از آخرین اخبار با خبر شوید</p>

<!-- Newsletter subscription Form -->
<div id="subscribe">
<div id="subs_message"></div>
<form role="form" method="post" action="php/subscribe.php" name="subscribeform" id="subscribeform">
<div class="form-group">
<input class="form-control" type="email" name="subemail" id="subemail" placeholder="ایمیل خود را وارد کنید" dir="rtl" />
</div>
<button type="submit" id="subsubmit" class="btn btn-default">ارسال</button>
</form>
</div>

</div>
</div>

<!-- Contact Us
================================================== -->
<div class="col-xs-12 col-sm-4 col-md-4">
<div class="wrap_column">

<!-- marker -->
<div class="marker"><div class="dot"></div></div>

<!-- Contact Us -->
<h2>تماس با ما</h2>
<p>در صورت نیاز می توانید پیغام خود را برای مدیریت ارسال کنید</p>

<!-- Contact Us Form -->
<div id="contact">
<div id="contact_message"></div>
<form role="form" method="post" action="php/contact.php" name="contactform" id="contactform">
<div class="form-group">
<input class="form-control" type="text" name="name" id="name" placeholder="نام کامل" minlength="3" dir="rtl" />
</div>
<div class="form-group">
<input class="form-control" type="email" name="email" id="email" placeholder="ایمیل" dir="rtl" />
</div>
<div class="form-group">
<textarea class="form-control" name="comments" id="comments" rows="3" placeholder="پیام خود را بنویسید" dir="rtl" ></textarea>
</div>
<button type="submit" id="contact_submit" class="btn btn-default">ارسال پیام</button>
</form>
</div><!-- #contactform-->

</div>
</div>

<!-- Follow Us
================================================== -->
<div class="col-xs-12 col-sm-4 col-md-4">
<div class="wrap_column">

<!-- marker -->
<div class="marker"><div class="dot"></div></div>

<h2>گوگل پلاس</h2>
<p>ما را در گوگل محبوب کنید</p>



<!-- Contact Us Form -->
<ul id="socialmedia">
<li><a href="#" class="social-icon tool-tip animated bounceIn" title="Facebook" data-placement="top"><i class="fa fa-facebook"><img src="http://www.bistbaner.ir/uploud/theme/swiftly/img/facebook.png"></i></a></li>
<li><a href="#" class="social-icon tool-tip animated bounceIn" title="Twitter" data-placement="top"><i class="fa fa-twitter"></i></a></li>
<li><a href="#" class="social-icon tool-tip animated bounceIn" title="Dribbble" data-placement="top"><i class="fa fa-dribbble"></i></a></li>
<li><a href="#" class="social-icon tool-tip animated bounceIn" title="Linkedin" data-placement="top"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#" class="social-icon tool-tip animated bounceIn" title="Google Plus" data-placement="top"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#" class="social-icon tool-tip animated bounceIn" title="Skype" data-placement="top"><i class="fa fa-skype"></i></a></li>
<li><a href="#" class="social-icon tool-tip animated bounceIn" title="Mail" data-placement="top"><i class="fa fa-envelope"></i></a></li>
</ul>

</div>
</div>

</section><!-- /#wrap_action -->

<!-- About Us
================================================== -->
<section id="wrap_about" class="container">

<!-- divider -->
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="divider"></div>
</div>

<!-- Newsletter
================================================== -->
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="wrap_column">

<!-- marker -->
<div class="marker"><div class="dot"></div></div>

<h2>درباره ما</h2>
<p>
طرح و انتشار عقاید، ایده ها، افکار و اندیشه ها،مقالات و دیدگاههای شخصي از جمله تمایلات هر شخص می باشدكه در فضای اینترنت این امر با حداقل هزینه صورت می پذیرد . محلی که بعنوان جایگاه انتشار این عقاید و نظرات وجود دارد، وبلاگ ناميده ميشود.
</p>
<p>
پدیده وبلاگ و وبلاگ نویسی که امروزه در جهان و از جمله کشورما ایران رواج فراوان یافته است می تواند علاوه بر بیان نظرات و دیده گاههای شخصی افراد، موجبات تبادل دانش و اطلاعات سایر مراجعه کنندگان به اینترنت را فراهم می آورد.
</p>

<div class="info">
<p class="addr-marker"><i class="fa fa-map-marker"></i></p>
<address>
<strong>:آدرس شرکت</strong><br>
تهران-خیابان هفت تیر-پلاک 36<br>
<abbr title="Phone">P:</abbr> (123) 456-7890<br>
<abbr title="FAX">F:</abbr> (123) 456-7890<br>
<abbr title="E-mail">E:</abbr> <a href="mailto:email@domain.com">email@yourdomain.com</a><br>
<a href="#">http://www.yoursite.com</a>
</address>
</div><!-- /.info -->

</div>
</div>
</section><!-- /#wrap_about -->

<!-- Page Footer Section
================================================== -->
<footer id="footer">

<div class="container">
<div class="col-xs-12 col-sm-12 col-md-12 copyright">
<p>&copy; 2013 Company. All rights reserved. <a href="#">Privacy Policy</a></p>
<p>Translation and Editing:<a href="http://www.bistbaner.ir/">bistbaner.ir</a></p>
</div>
</div><!-- /.container -->

<!-- bottom horizontal line -->
<div class="hline"></div>

</footer>

</div><!-- /#wrap_page -->

<!-- Javascripts
================================================== -->
<script type="text/javascript" src="http://www.bistbaner.ir/uploud/theme/swiftly/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="http://www.bistbaner.ir/uploud/theme/swiftly/js/jquery.lwtCountdown-1.0.js"></script>
<script type="text/javascript" src="http://www.bistbaner.ir/uploud/theme/swiftly/js/jquery.validate.min.js"></script>
<script type="text/javascript" src="http://www.bistbaner.ir/uploud/theme/swiftly/js/jquery.backstretch.min.js"></script>
<script type="text/javascript" src="http://www.bistbaner.ir/uploud/theme/swiftly/js/jquery.placeholder.js"></script>
<script type="text/javascript" src="http://www.bistbaner.ir/uploud/theme/swiftly/js/swiftly-light-slider.js"></script>

<!-- Google Analytic
================================================== -->
<script type="text/javascript" src="http://www.bistbaner.ir/uploud/theme/swiftly/js/google.analytic.js"></script>

<!-- End of Documents
================================================== -->
</body>
</html>

 

12-13-1392 01:02 ق.ظ
یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در یک پاسخ
 سپاس شده توسط Mr-ali
ارسال موضوع ارسال پاسخ


پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان