- صفحه اصلي قالب گراف
- انجمن
- آپلود سنتر
- تبليغات
- ورود
- عضويت
- خوراک
- نقشه
- تماس با ما
- ارسال پيام به مدير در انجمن ghalebgraph@gmail.com\09394943902
قالب مخصوص سایت های هتل و تور+ دمو زندهبازديد : 348
[font=BYekan]سلامی دوباره
[font=BYekan]خدمت کاربران عزیز قالب گراف
[font=BYekan]یک کد دیگه رو براتون گذاشتم
[font=BYekan]کد قالب هتل برای سایت های هتل و تور گردی
نکته : در صورت هدم لود وب گزینه ضربدر مرورگر خود را زده و به قالب نگاه کنید.
[font=BYekan]دمو رو ببینید و حال کنید
[font=BYekan]منتظر نظر و تشکر[font=BYekan]
[font=BYekan][font=BYekan]
[font=BYekan]نمایش دمو :
کد:
کد:
<!DOCTYPE html><html ><head> <meta charset="UTF-8"> <title>نام هتل شما</title> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<link rel=stylesheet type=text/css href="https://rozup.ir/view/2077628/font face bahalcc.css"/>
<link rel=stylesheet type=text/css href="https://rozup.ir/view/2158615/hotelstyle.css"/>
<script type="text/javascript" src="https://rozup.ir/view/2158616/hotelindex.js"></script>
<link rel='stylesheet prefetch' href='https://fonts.googleapis.com/css?family=Lato:400,300'>
<link rel="stylesheet" href="css/style.css">
</head>
<body> <header id='main-header'> <div class='container'> <a class='logo' href='#'>راهنمای تور ها</a> <nav> <a href='#'>تور ها </a> <a href='#'>قیمت گذاری </a> </nav> </div></header><div id='intro'> <div class='cta container'> <img alt='Splash' class='splash' src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/203277/adventure-splash.svg'> <h1>بگرد و کشف کن</h1> <p>دارای فضای سبز و استخر و ...</p> <a class='button' href='#'> <span>شروع ماجراجویی</span> </a> </div></div><div id='tours'> <div class='container'> <h2>کجا میخواید سفر کنید؟</h2> <form action='#'> <input id='location' placeholder='اسم مکان مورد نظرتون ' type='text'> <button class='button' type='submit'>بگردم ؟</button> </form> </div> <ul> <li> <div> <h3>دنالی</h3> <h4>آلاسکا</h4> </div> <!-- Image by Maureen [CC-BY-2.0 (http://creativecommons.org/licenses/by/2.0)], via Flickr, https://www.flickr.com/photos/amerune/9374725724 --> <img alt='Denali, Alaska' src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/203277/denali_alaska.jpg'> </li> <li> <div> <h3>دریاچه شیشه ای</h3> <h4>کالیفرنیا</h4> </div> <!-- Image By chensiyuan (chensiyuan) [GFDL (http://www.gnu.org/copyleft/fdl.html) or CC BY-SA 4.0-3.0-2.5-2.0-1.0 (http://creativecommons.org/licenses/by-sa/4.0-3.0-2.5-2.0-1.0)], via Wikimedia Commons, https://upload.wikimedia.org/wikipedia/commons/7/70/Yosemite_national_park_mirror_lake_2010u.JPG --> <img alt='Mirror Lake, California' src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/203277/mirror-lake_california.jpg'> </li> <li> <div> <h3>کوه های آنتلوپ</h3> <h4>آریزوینا</h4> </div> <!-- Image By Moyan Brenn [CC-BY-2.0 (http://creativecommons.org/licenses/by/2.0)], via Flickr, https://www.flickr.com/photos/aigle_dore/5951674773 --> <img alt='Antelope Canyon, Arizona' src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/203277/antelope-canyon_arizona.jpg'> </li> <li> <div> <h3>کلید غرب</h3> <h4>فلوریدا</h4> </div> <!-- Image By Ricymar Photography [CC-BY-2.0 (http://creativecommons.org/licenses/by/2.0)], via Flickr, https://www.flickr.com/photos/ricardo_mangual/5749480168 --> <img alt='Key West, Florida' src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/203277/key-west_florida.jpg'> </li> <li> <div> <h3>دریاچه مریم مقدس</h3> <h4>موتانا</h4> </div> <!-- Image By Ricymar Photography [CC-BY-2.0 (http://creativecommons.org/licenses/by/2.0)], via Flickr, https://www.flickr.com/photos/ricardo_mangual/5749480168 --> <img alt='Saint Mary Lake, Montana' src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/203277/saint-mary-lake_montana.jpg'> </li> <li> <div> <h3>موآب</h3> <h4>یوتا</h4> </div> <!-- Image By Gridge [GFDL (http://www.gnu.org/copyleft/fdl.html) or CC BY-SA 4.0-3.0-2.5-2.0-1.0 (http://creativecommons.org/licenses/by-sa/4.0-3.0-2.5-2.0-1.0)], via Wikimedia Commons, https://upload.wikimedia.org/wikipedia/commons/0/06/Delicatearch1.jpg --> <img alt='Moab, Utah' src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/203277/moab_utah.jpg'> </li> <li> <div> <h3>دره ی وایپی</h3> <h4>هاوائی</h4> </div> <!-- Image By Paul Bica [CC-BY-2.0 (http://creativecommons.org/licenses/by/2.0)], via Flickr, https://www.flickr.com/photos/dexxus/5652914929 --> <img alt='Waipio Valley, Hawaii' src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/203277/waipio-valley_hawaii.jpg'> </li> <li> <div> <h3>حفره های کارلزبد</h3> <h4>نیو مکزیکو</h4> </div> <!-- Image By Guinther [GFDL (http://www.gnu.org/copyleft/fdl.html) or CC-BY-SA-3.0 (http://creativecommons.org/licenses/by-sa/3.0/)], via Wikimedia Commons, https://upload.wikimedia.org/wikipedia/commons/d/dd/Carlsbad_Interior_Formations.jpg --> <img alt='Carlsbad Caverns, New Mexico' src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/203277/carlsbad-caverns_new-mexico.jpg'> </li> </ul></div><div class='container' id='pricing'> <article> <h3>توضیحات 1</h3> <p>لورم ایپسوم یا طرح‌نما (به انگلیسی: Lorem ipsum) به متنی آزمایشی و بی‌معنی در صنعت چاپ، صفحه‌آرایی و طراحی گرافیک گفته می‌شود. طراح گرافیک از این متن به عنوان عنصری از ترکیب بندی برای پر کردن صفحه و ارایه اولیه شکل ظاهری و کلی طرح سفارش گرفته شده استفاده می نماید، تا از نظر گرافیکی نشانگر چگونگی نوع و اندازه فونت و ظاهر متن باشد. معمولا طراحان گرافیک برای صفحه‌آرایی، نخست از متن‌های آزمایشی و بی‌معنی استفاده می‌کنند تا صرفا به مشتری یا صاحب کار خود نشان دهند که صفحه طراحی یا صفحه بندی شده بعد از اینکه متن در آن قرار گیرد چگونه به نظر می‌رسد و قلم‌ها و اندازه‌بندی‌ها چگونه در نظر گرفته شده‌است. از آنجایی که طراحان عموما نویسنده متن نیستند و وظیفه رعایت حق تکثیر متون را ندارند و در همان حال کار آنها به نوعی وابسته به متن می‌باشد آنها با استفاده از محتویات ساختگی، صفحه گرافیکی خود را صفحه‌آرایی می‌کنند تا مرحله طراحی و صفحه‌بندی را به پایان برند..</p> <a class='button' href='#'> <span>جهت اطلاعات بیشتر کلیک کنید</span> </a> </article> <article> <h3>توضیحات 2</h3> <p>لورم ایپسوم یا طرح‌نما (به انگلیسی: Lorem ipsum) به متنی آزمایشی و بی‌معنی در صنعت چاپ، صفحه‌آرایی و طراحی گرافیک گفته می‌شود. طراح گرافیک از این متن به عنوان عنصری از ترکیب بندی برای پر کردن صفحه و ارایه اولیه شکل ظاهری و کلی طرح سفارش گرفته شده استفاده می نماید، تا از نظر گرافیکی نشانگر چگونگی نوع و اندازه فونت و ظاهر متن باشد. معمولا طراحان گرافیک برای صفحه‌آرایی، نخست از متن‌های آزمایشی و بی‌معنی استفاده می‌کنند تا صرفا به مشتری یا صاحب کار خود نشان دهند که صفحه طراحی یا صفحه بندی شده بعد از اینکه متن در آن قرار گیرد چگونه به نظر می‌رسد و قلم‌ها و اندازه‌بندی‌ها چگونه در نظر گرفته شده‌است. از آنجایی که طراحان عموما نویسنده متن نیستند و وظیفه رعایت حق تکثیر متون را ندارند و در همان حال کار آنها به نوعی وابسته به متن می‌باشد آنها با استفاده از محتویات ساختگی، صفحه گرافیکی خود را صفحه‌آرایی می‌کنند تا مرحله طراحی و صفحه‌بندی را به پایان برند.</p> <a class='button' href='#'> <span>جهت اطلاعات بیشتر کلیک کنید</span> </a> </article> <article> <h3>توضیحات 3</h3> <p>لورم ایپسوم یا طرح‌نما (به انگلیسی: Lorem ipsum) به متنی آزمایشی و بی‌معنی در صنعت چاپ، صفحه‌آرایی و طراحی گرافیک گفته می‌شود. طراح گرافیک از این متن به عنوان عنصری از ترکیب بندی برای پر کردن صفحه و ارایه اولیه شکل ظاهری و کلی طرح سفارش گرفته شده استفاده می نماید، تا از نظر گرافیکی نشانگر چگونگی نوع و اندازه فونت و ظاهر متن باشد. معمولا طراحان گرافیک برای صفحه‌آرایی، نخست از متن‌های آزمایشی و بی‌معنی استفاده می‌کنند تا صرفا به مشتری یا صاحب کار خود نشان دهند که صفحه طراحی یا صفحه بندی شده بعد از اینکه متن در آن قرار گیرد چگونه به نظر می‌رسد و قلم‌ها و اندازه‌بندی‌ها چگونه در نظر گرفته شده‌است. از آنجایی که طراحان عموما نویسنده متن نیستند و وظیفه رعایت حق تکثیر متون را ندارند و در همان حال کار آنها به نوعی وابسته به متن می‌باشد آنها با استفاده از محتویات ساختگی، صفحه گرافیکی خود را صفحه‌آرایی می‌کنند تا مرحله طراحی و صفحه‌بندی را به پایان برند.</p> <a class='button' href='#'> <span>جهت اطلاعات بیشتر کلیک کنید</span> </a> </article></div><div id='main-footer'> <p>© 2016 - طراحی و کدنویسی توسط: پیانوش امینی فرد</p></div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src="js/index.js"></script>
</body></html>
امضاي کاربر :
طـــــــــــــــراحــــــــــــ و کُــــــــــــــــــــــــــد نـــــــــویـــــــــســـــــــــــ.
.
تَـــــــــــــحــــــــــــــــــتـــــِ وبـــــــــــــ
.
.
.
اِرتــــــــــــــتِــــــــــــبــــــــــاطــــــــ بــــــــا
.
.
.
.
.
طـــــــــــــــراحــــــــــــ و کُــــــــــــــــــــــــــد نـــــــــویـــــــــســـــــــــــ.
.
تَـــــــــــــحــــــــــــــــــتـــــِ وبـــــــــــــ
.
.
.
اِرتــــــــــــــتِــــــــــــبــــــــــاطــــــــ بــــــــا
.
.
.
بَـــــــــــنـــــــــــد هــــــــــ :
..
.
