| Şuanki Dizin: /home/wwwdreamtechnolo/public_html/swamipolytechnic.org/DOCUMENTATION/ |
| Şuanki Dosya : /home/wwwdreamtechnolo/public_html/swamipolytechnic.org/DOCUMENTATION/index.html |
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>WpF Medinova - Ultra Modern Responsive Bootstrap Medical Html5 Template</title>
<!-- Framework CSS -->
<link rel="stylesheet" href="assets/blueprint-css/screen.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="assets/blueprint-css/print.css" type="text/css" media="print">
<!-- <link rel="shortcut icon" href="assets/images/favicon.png"> -->
<!--[if lt IE 8]><link rel="stylesheet" href="assets/blueprint-css/ie.css" type="text/css" media="screen, projection"><![endif]-->
<link rel="stylesheet" href="assets/blueprint-css/plugins/fancy-type/screen.css" type="text/css" media="screen, projection">
<style type="text/css" media="screen">
p, table, hr, .box { margin-bottom:25px; }
.box p { margin-bottom:10px; }
</style>
<!-- Syntax Highlighter -->
<link rel="stylesheet" type="text/css" href="syntax-highlighter/styles/shCore.css" media="all">
<link rel="stylesheet" type="text/css" href="syntax-highlighter/styles/shThemeDefault.css" media="all">
</head>
<body>
<div class="container">
<h3 class="center alt">“WpF Medinova - Ultra Modern Responsive Bootstrap Medical Html5 Template” Documentation by “WpFreeware Team” v1.0</h3>
<hr>
<h1 class="center">“WpF Medinova”</h1>
<div class="borderTop">
<div class="span-6 colborder info prepend-1">
<p class="prepend-top">
<strong>
Created: 21/05/2015<br>
By: WpFreeware<br>
Email: <a href="mailto:contact@wpfreeware.com">contact@wpfreeware.com</a>
</strong>
</p>
</div><!-- end div .span-6 -->
<div class="span-12 last">
<p class="prepend-top append-0">Thank you for downloading our Template. If you have any questions that are beyond the scope of this help file, please feel free to contact via template comment section from download page. Thanks so much!</p>
</div>
</div><!-- end div .borderTop -->
<hr>
<h2 id="toc" class="alt">Table of Contents</h2>
<ol class="alpha">
<li><a href="#introduction">Introduction</a></li>
<li><a href="#htmlStructure">HTML Structure</a></li>
<li><a href="#cssFiles">CSS Files and Structure</a></li>
<li><a href="#javascript">JavaScripts</a></li>
<li><a href="#navlogo">Navigation and Logos</a></li>
<!-- <li><a href="#psdFiles">PSD Files</a></li> -->
<li><a href="#fontssused">Fonts used</a></li>
<li><a href="#credits">Sources and Credits</a></li>
</ol>
<hr>
<h3 id="introduction"><strong>A) Introduction</strong> - <a href="#toc">top</a></h3>
<p>Thank you so much for downloading this template called <strong>WpF Medinova - Ultra Modern Responsive Bootstrap Medical Html5 Template</strong>. Please feel free to contact us if you have question or problem about this template. No guarantees, but we will do our best to provide you with the best possible assistance.</p>
<h4>Template Features</h4>
<ul>
<li>HTML5 and CSS3 Validated</li>
<li>Responsive Template</li>
<li>Fullscreen Slit Slider</li>
<li>Slick Slider</li>
<li>Multi page Template</li>
<li>Built on Bootstrap 3.3.4</li>
<li>479 icons (based on FontAwesome)</li>
<li>10 Themes color variation</li>
<li>8 Section Feature in Home page</li>
<li>Slider Section</li>
<li>Special Features Section</li>
<li>Service Section</li>
<li>Why Choose Us Section</li>
<li>Meet Doctors Section with Slider</li>
<li>Testimonial Section with Slider</li>
<li>Features Page</li>
<li>About Page</li>
<li>Service Page</li>
<li>Gallery Page</li>
<li>News Page</li>
<li>404 Error Page</li>
<li>Contact</li>
<li>Google Maps integration</li>
<li>Google Web Fonts</li>
</ul>
<hr>
<h3 id="htmlStructure"><strong>B) HTML Structure</strong> - <a href="#toc">top</a></h3>
<h4>HTML Files</h4>
<p>Total 16 HTML file included in this Template.These are index.html,features.html,about-us.html,service.html,medical-counseling.html,medical-research.html,blood-bank.html,gallery.html,blog-archive.html,blog-archive-with-left-sidebar.html,blog-archive-with-right-sidebar.html,blog-single.html,blog-single-with-left-sidebar.html,blog-single-with-right-sidebar.html,404.html,contact.html</p>
<h4>Here jsut Home "index.hthml" HTML structure</h4>
<p>This template is a Bootstrap based responsive layout and index.html file seperated by Ten (10) section. Here is the general structure.</p>
<pre class="brush: html">
<!-- Primary Page Layout
================================================== -->
<!-- BEGIN HEADER SECTION -->
<header id="header">
</header>
<!-- END HEADER SECTION -->
<!-- BEGAIN SLIDER SECTION -->
<section id="sliderArea">
</section>
<!-- END SLIDER SECTION -->
<!-- BEGAIN TOP FEATURE SECTION -->
<section id="topFeature">
</section>
<!-- END TOP FEATURE SECTION -->
<!-- BEGAIN SERVICE SECTION -->
<section id="service">
<!-- BEGAIN CONTAINER -->
<div class="container">
</div>
<!-- END CONTAINER -->
</section>
<!-- END SERVICE SECTION -->
<!-- BEGAIN WHY CHOOSE SECTION -->
<section id="whychooseSection">
<!-- BEGAIN CONTAINER -->
<div class="container">
</div>
<!-- END CONTAINER -->
</section>
<!-- END WHY CHOOSE SECTION -->
<!-- BEGAIN COUNTER SECTION -->
<section id="counterSection">
<!-- BEGAIN CONTAINER -->
<div class="container">
</div>
<!-- END CONTAINER -->
</section>
<!-- END COUNTER SECTION -->
<!-- BEGAIN MEET DOCTORS SECTION -->
<section id="meetDoctors">
<!-- BEGAIN CONTAINER -->
<div class="container">
</div>
<!-- END CONTAINER -->
</section>
<!-- END MEET DOCTORS SECTION -->
<!-- BEGAIN TESTIMONIAL SECTION -->
<section id="testimonial">
<!-- BEGAIN CONTAINER -->
<div class="container">
</div>
<!-- END CONTAINER -->
</section>
<!-- END TESTIMONIAL SECTION -->
<!-- BEGAIN BLOG SECTION -->
<section id="homeBLog">
<!-- BEGAIN CONTAINER -->
<div class="container">
</div>
<!-- END CONTAINER -->
</section>
<!-- END BLOG SECTION -->
<!-- BEGAIN FOOTER SECTION -->
<footer id="footer">
<div class="footer-top">
<!-- BEGAIN CONTAINER -->
<div class="container">
</div>
<!-- END CONTAINER -->
</div>
<div class="footer-middle">
<!-- BEGAIN CONTAINER -->
<div class="container">
</div>
<!-- END CONTAINER -->
</div>
<div class="footer-bottom">
<!-- BEGAIN CONTAINER -->
<div class="container">
</div>
<!-- END CONTAINER -->
</div>
</footer>
<!-- END FOOTER SECTION -->
</pre>
<hr>
<h3 id="cssFiles"><strong>C) CSS Files and Structure</strong> - <a href="#toc">top</a></h3>
<h4>Styles</h4>
<pre class="brush: html">
<!-- CSS
================================================== -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Font awesome css file-->
<link href="css/font-awesome.min.css" rel="stylesheet">
<!-- Default Theme css file -->
<link id="switcher" href="css/themes/default-theme.css" rel="stylesheet">
<!-- Slick slider css file -->
<link href="css/slick.css" rel="stylesheet">
<!-- Photo Swipe Image Gallery -->
<link rel='stylesheet prefetch' href='css/photoswipe.css'>
<link rel='stylesheet prefetch' href='css/default-skin.css'>
<!-- Main structure css file -->
<link href="style.css" rel="stylesheet">
<!-- Google fonts -->
<link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Habibi' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Cinzel+Decorative:900' rel='stylesheet' type='text/css'>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</pre>
<p>We're using 7 CSS files in this template. we have separated styles for improving convenience to edit this template. If you're going to use this template in production we recommend you merge all stylesheets in one file (for decreasing http queries).</p>
<p>Lets take a look closely at our stylesheet files.</p>
<h5>bootstrap.min.css</h5>
<p>This Stylesheet contains responsive grid system ,default element style based on <a href="http://getbootstrap.com/">bootstrap</a>.It is bootstrap framework main css file</p>
<h5>font-awesome.min.css</h5>
<p>Base styles for FontAwesome icon fonts.</p>
<h5>default-theme.css</h5>
<p>This is default theme color file for this template.</p>
<h5>slick.css</h5>
<p>Styles for full screen & carousel slider (slick slider).</p>
<h5>photoswipe.css</h5>
<p>Photoswipe image gallery main css file.</p>
<h5>default-skin.css</h5>
<p>Photoswipe image gallery default skin css file.</p>
<h5>style.css</h5>
<p>Common css style and structures for this template.</p>
<pre class="brush: css">
/* Style.css File Table of Content
==================================================
#BASIC TYPOGRAPHY
#HOME HEADER
#HOME SLIDER SECTION
#HOME SERVICE SECTION
#HOME WHY US SECTION
#HOME COUNTER SECTION
#HOME MEET DOCTORS SECTION
#HOME TESTIMONIAL SECTION
#HOME BLOG SECTION
#FOOTER
#BLOG ARCHIVE PAGE
#BLOG DETAILS PAGE
#FEATURES
#GALLERY
#CONTACT
#404 page
#RESPONSIVE CSS
</pre>
<p>Some of stylesheets (Totally 9 themes color) contain different theme color for easily changed your desired theme color.You find these theme in <em>css/themes</em> folder.</p>
<hr>
<h3 id="javascript"><strong>D) JavaScript</strong> - <a href="#toc">top</a></h3>
<p>This template imports 12 Javascript files.</p>
<pre class="brush: html">
<!-- Javascript Files
================================================== -->
<!-- initialize jQuery Library -->
<script src="js/jquery.js"></script>
<!-- Bootstrap default js -->
<script src="js/bootstrap.min.js"></script>
<!-- slick slider -->
<script src="js/slick.min.js"></script>
<script type="text/javascript" src="js/modernizr.custom.79639.js"></script>
<!-- counter -->
<script src="js/waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<!-- Doctors hover effect -->
<script src="js/snap.svg-min.js"></script>
<script src="js/hovers.js"></script>
<!-- Photo Swipe Gallery Slider -->
<script src='js/photoswipe.min.js'></script>
<script src='js/photoswipe-ui-default.min.js'></script>
<script src="js/photoswipe-gallery.js"></script>
<!-- Custom JS -->
<script src="js/custom.js"></script>
</pre>
<p>Lets take a look closely at our javascript files.</p>
<h5>jquery.min/js</h5>
<p>Initialize jQuery Library</p>
<h5>bootstrap.min.js</h5>
<p>Bootstrap framework main jquery file</p>
<h5>slick.min.js</h5>
<p>Slick slider jquery file for top full screen and carousel slides</p>
<h5>waypoints.min.js</h5>
<p>Counter library jQuery File</p>
<h5>jquery.counterup.min.js</h5>
<p>For Counter main jQuery File</p>
<h5>snap.svg-min.js</h5>
<p>Meet Doctors smooth jQuery file</p>
<h5>hovers.js</h5>
<p>jQuery smooth hover effect for meet Doctors</p>
<h5>photoswipe.min.js</h5>
<p>Photoshwipe gallery main jQuery file</p>
<h5>photoswipe-ui-default.min.js</h5>
<p>Photoshwipe gallery default animation jQuery file</p>
<h5>photoswipe-gallery.js</h5>
<p>Photoshwipe gallery function calling jQuery file</p>
<h5>custom.js</h5>
<p>We put initialisation of many plugins here.</p>
<hr>
<h3 id="navlogo"><strong>E) Navigation and Logos</strong> - <a href="#toc">top</a></h3>
<P>The navigation bootstrap based menu.It will show different view for desktop and mobile device</P>
<p>The Logo is nested within a tag with class of <strong>navbar-brand</strong>. As you can see there are two kind of logos: <em>Text based</em> (by default) and <em>Image based</em>. You can choose prefered variant by removing html comments. Don't forget to comment or delete another variant. </p>
<h4>Here shown structure layout of Navigation and logos</h4>
<pre class="brush: html">
<!-- BEGIN MENU -->
<div class="menu_area">
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<!-- FOR MOBILE VIEW COLLAPSED BUTTON -->
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- LOGO -->
<!-- TEXT BASED LOGO -->
<a class="navbar-brand" href="index.html"><i class="fa fa-heartbeat"></i>WpF <span>Medinova</span></a>
<!-- IMG BASED LOGO -->
<!-- <a class="navbar-brand" href="index.html"><img src="images/logo.png" alt="logo"></a> -->
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul id="top-menu" class="nav navbar-nav navbar-right main-nav">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="features.html">Features</a></li>
<li><a href="about-us.html">About Us</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Service <span class="fa fa-angle-down"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="medical-counseling.html">Medical Counseling</a></li>
<li><a href="medical-research.html">Medical Research</a></li>
<li><a href="blood-bank.html">Blood Bank</a></li>
</ul>
</li>
<li><a href="gallery.html">Gallery</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">News <span class="fa fa-angle-down"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="blog-archive.html">Blog Archive</a></li>
<li><a href="blog-archive-with-left-sidebar.html">Blog Archive with Left Sidebar</a></li>
<li><a href="blog-archive-with-right-sidebar.html">Blog Archive with Right Sidebar</a></li>
<li><a href="blog-single.html">Blog Single</a></li>
<li><a href="blog-single-with-left-sidebar.html">Blog Single with Left Sidebar</a></li>
<li><a href="blog-single-with-right-sidebar.html">Blog Single with Right Sidebar</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Page <span class="fa fa-angle-down"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="404.html">404 Page</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Link Three</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
</div>
<!-- END MENU -->
</pre>
<hr>
<h3 id="fontssused"><strong>F) Fonts Used</strong> - <a href="#toc">top</a></h3>
<p>We have used Three Google Web Fonts in this template.</p>
<ol>
<li><em> <a href='http://www.google.com/fonts#UsePlace:Use/Collection:Raleway'>Raleway</a></em>- for heading </li>
<li><em> <a href='http://www.google.com/fonts#UsePlace:Use/Collection:Habibi'>Habibi</a></em>- for body content</li>
<li><em> <a href='http://www.google.com/fonts#UsePlace:Use/Collection:Cinzel+Decorative'>Cinzel Decorative</a></em>- for text based logo</li>
</ol><br/>
<hr>
<h3 id="credits"><strong>G) Sources and Credits</strong> - <a href="#toc">top</a></h3>
<ul>
<li><a href="http://www.getbootstrap.com/">Bootstrap</a></li>
<li><a href="http://kenwheeler.github.io/slick/">Slick Slider</a></li>
<li><a href="http://photoswipe.com/">Gallery slider</a></li>
<li><a href="https://github.com/bfintal/Counter-Up">Counter</a></li>
<li><a href="http://fortawesome.github.com/Font-Awesome/">Font Awesome</a></li>
</ul>
<h3 id="credits"><strong>F) Demo Images</strong> - <a href="#toc">top</a></h3>
<ul>
<li><a href="https://www.flickr.com/photos/waltstoneburner/3336401711/in/photostream/">Demo Image</a></li>
<li><a href="https://www.flickr.com/photos/waltstoneburner/3373248256/in/photostream/">Demo Image</a></li>
<li><a href="https://www.flickr.com/photos/conchur/1572251373/in/photostream/">Demo Image</a></li>
<li><a href="https://www.flickr.com/photos/conchur/1573128692/in/photostream/">Demo Image</a></li>
<li><a href="https://www.flickr.com/photos/conchur/1573132880/in/photostream/ ">Demo Image</a></li>
</ul>
<hr>
<p>Once again, thank you so much for Downloading this Template. As we said at the beginning, we would be glad to help you if you have any questions relating to this Template. No guarantees, but we'll do my best to assist. If you have a more general question relating to the Template, you might consider visiting the template download page and asking your question in the "Template Comment" section.</p>
<p class="append-bottom alt large"><strong>WpFreeware Team</strong></p>
<p><a href="#toc">Go To Table of Contents</a></p>
<hr class="space">
</div><!-- end div .container -->
<script type="text/javascript" src="syntax-highlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="syntax-highlighter/scripts/shBrushXml.js"></script>
<script type="text/javascript" src="syntax-highlighter/scripts/shBrushCss.js"></script>
<script type="text/javascript" src="syntax-highlighter/scripts/shBrushJScript.js"></script>
<script type="text/javascript" src="syntax-highlighter/scripts/shBrushPhp.js"></script>
<script type="text/javascript">
SyntaxHighlighter.all()
</script>
</body>
</html>
Linux 65-254-81-4.cprapid.com 5.14.0-284.11.1.el9_2.x86_64 #1 SMP PREEMPT_DYNAMIC Tue May 9 05:49:00 EDT 2023 x86_64
Apache
65.254.81.4