a:4:{s:8:"template";s:7342:"<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, user-scalable=no" name="viewport"/>
<title>{{ keyword }}</title>
<link href="//fonts.googleapis.com" rel="dns-prefetch"/>
<link href="//s.w.org" rel="dns-prefetch"/>

<link href="https://fonts.googleapis.com/css?family=Roboto:400,400italic,900,700,300,300italic" id="google-fonts-roboto-css" media="all" rel="stylesheet" type="text/css"/>
<link href="https://fonts.googleapis.com/css?family=Raleway:300" id="google-fonts-raleway-css" media="all" rel="stylesheet" type="text/css"/>
<style id="blesk-theme-style-css" media="all" rel="stylesheet" type="text/css">html,body,div,span,h1,h2,a,i,ul,li,form,footer,header,nav{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}footer,header,nav{display:block}body{line-height:1}ul{list-style:none}a{text-decoration:none}*{margin:0;padding:0}input:focus{outline:none}footer .top-footer .center{box-sizing:border-box}a,.bottom-header .menunav,.bottom-header .search .open-search,body .bottom-header #blesk-search.search i.close-search,.bottom-header .search .search-input,.bottom-header .search .search-input .search-btn{-webkit-transition:all 0.3s;transition:all 0.3s}body{background-color:#fff;color:#a6a6a6;font-size:15px;line-height:1.6;font-family:'Roboto', sans-serif;font-weight:300;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}.wrapper{margin:0 auto;max-width:1110px}h1,h2{font-weight:700;color:#202020}h1 a,h2 a{color:#202020}.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}.cf{*zoom:1}a{color:#a6a6a6;text-decoration:none;outline:0}a:hover,a:focus{color:#dc0844}.overflow-h{overflow:hidden}.center-header{padding:42px 0}.bottom-header{background-color:#dc0844;color:#fff;position:relative}.bottom-header .menunav{display:block;width:98%;z-index:99;float:left;height:88px}.bottom-header .menunav .menu{display:inline-block;height:88px}.bottom-header .menunav .menu>li{min-height:88px;line-height:88px}.bottom-header .menunav .menu>li a{padding-right:45px}.bottom-header .menunav ul li{float:left}.bottom-header .menunav ul li a{font-size:18px;font-weight:500}.bottom-header .open-menu{float:left;padding:31px 0}.bottom-header .open-menu .open{font-size:22px;line-height:26px;cursor:pointer;display:none}.bottom-header .open-menu .close{font-size:22px;line-height:22px;cursor:pointer;display:none}.bottom-header .search{float:right;margin:32px 0;position:relative}.bottom-header .search .open-search,.bottom-header .search .close-search{font-size:18px;cursor:pointer}.bottom-header .search .open-search:hover,.bottom-header .search .close-search:hover{color:#202020}body .bottom-header #blesk-search.search .close-search{display:none}.bottom-header .search .search-input{position:absolute;top:0;bottom:-150px;right:-10px;margin:auto;width:220px;height:70px;padding:20px 25px;background-color:#dc0844;opacity:0;z-index:-1}.bottom-header .search .search-input input[type="search"]{width:100%;height:30px;padding:0 30px 0 10px;margin-top:20px;font-family:'Roboto', sans-serif;font-size:15px;color:#202020;border:none;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.bottom-header .search .search-input input[type="submit"]{background:transparent;width:20px;height:20px;border:none;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;z-index:2;position:absolute;right:30px;top:45px}.bottom-header .search .search-input .search-btn{position:absolute;right:30px;top:45px;width:20px;height:20px;text-align:center;line-height:20px;color:#dc0844}footer .top-footer{border-top:1px solid #e1e1e1;padding:55px 0}footer .top-footer .center{width:51.36%;float:left;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;padding:0 80px;text-align:center}footer .top-footer .center .logo{margin-bottom:30px;display:inline-block}footer .bottom-footer{border-top:1px solid #e1e1e1;padding:37px 0;text-align:center}@media only screen and (max-width: 1180px){.wrapper{width:94%}.center-header{text-align:center}}@media only screen and (max-width: 1024px){.bottom-header .menunav{display:none;height:auto}.bottom-header .menunav .menu>li{min-height:50px;line-height:50px}.bottom-header .menunav li{border-bottom:1px solid rgba(255,255,255,0.1)}.bottom-header .menunav li:last-child{border-bottom:none}.bottom-header .menunav ul{position:relative !important;display:block !important;width:100% !important;height:auto !important;left:0 !important;top:0 !important}.bottom-header .menunav ul li{width:100%;left:0}.bottom-header .search{top:0;position:absolute;right:3%}.bottom-header .open-menu .open{display:block}footer .top-footer .center{padding:0 30px}}@media only screen and (max-width: 800px){.bottom-header .open-menu{padding:20px 0}.bottom-header .search{margin:21px 0}.bottom-header .search .search-input{bottom:0;height:30px;padding:18px;right:0;left:100%}.bottom-header .search .search-input input[type="search"]{margin-top:0}.bottom-header .search .search-input input[type="submit"],.bottom-header .search .search-input .search-btn{top:24px;right:24px}}@media only screen and (max-width: 560px){footer .top-footer .center{width:100%;padding:0 20px;border:none}}@media only screen and (max-width: 360px){.bottom-header .search .search-input{padding:18px 10px}.bottom-header .search .search-input input[type="submit"],.bottom-header .search .search-input .search-btn{right:15px}}
/*# sourceMappingURL=main.css.map */
</style>

</head>
<body class="">
<div class="overflow-h">
<header>
<div class="center-header">
<div class="wrapper cf">
<h1><a href="#">{{ keyword }}</a></h1><h2><a href="#">Just another WordPress site</a></h2>
</div>
</div>
<div class="bottom-header">
<div class="wrapper cf">
<div class="open-menu">
<span class="fa fa-bars open"></span>
<span class="fa fa-times close"></span>
</div>
<nav class="menunav"><ul class="menu" id="menu-ddd"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-11" id="menu-item-11"><a href="#">Home</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12" id="menu-item-12"><a href="#">Casinos</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13" id="menu-item-13"><a href="#">Online</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14" id="menu-item-14"><a href="#">Guide</a></li>
</ul></nav> <div class="search" id="blesk-search">
<i class="open-search fa fa-search"></i>
<i class="close-search fa fa-times"></i>
<div class="search-input">
<form action="#">
<input name="s" placeholder="Search " type="search" value=""/>
<input type="submit" value="Search"/>
<i class="search-btn fa fa-search"></i>
</form>
</div>
</div> </div>
</div>
</header>
{{ text }}
				<footer>
<div class="top-footer">
<div class="wrapper cf">
<div class="center" style="float: none; border: none; padding: 0; margin: 0 auto;"><a alt="Just another WordPress site" class="logo" href="#" title="{{ keyword }}"><h1>{{ keyword }}</h1><h2>Just another WordPress site</h2></a></div> </div>
</div>
<div class="bottom-footer">
<div class="wrapper cf">
<span class="copyright">
						Copyright  2017, {{ keyword }}. All Rights Reserved.</span>
</div>
</div>
</footer>
</div>



</body>
</html>";s:4:"text";s:3249:"... Generic JavaScript Route Example. This is nothing extravagant. Creating a Single-Page App in React using React Router. Components are the heart of React's powerful, declarative programming model. Looking at this video the react router seems easy to ... Navigate in code with react-router-dom 4.0? ReactTraining / react-router. I'd like to combine react-bootstrap with react-nested-router.  A Working Example. URL parameters are a fundamental aspect of React Router and a fundamental aspect of building web applications. A Simple React Router v4 Tutorial. By now, we've covered a good chunk of the cool functionality React Router has for helping you build your SPA. reactstrap - easy to use React Bootstrap 4 components compatible with React 0.14.x and 15 React Router v4: The Complete Guide ... React Router Basics. Tutorial: Setting Up a Single Page React Web App with React-router and Webpack 27 February 2015. ... [4]. Even React Router pre version 4 used static routes as well. React Bootstrap Navbar. Note: this tutorial assumes React 0.13 and React-Router 0.13. As of MBD React version 1.5, the navigation is React-Router compatible. reactstrap - easy to use React Bootstrap 4 components compatible with React 0.14.x and 15 ... Never miss a story from Paul Sherman, when you sign up for Medium. I'm not using React Router in this example, just some This is nothing extravagant. Code. Arguably the most common options for these needs are Flux and React Router. Leveling Up With React: React Router ... pre-React Router 4, ... so you can focus on React. Getting Started with React Router v4. ... React Router v4 nested routes help. I am having issues with React Router version 4. Projects 5 Insights Dismiss Join GitHub today. Im not using React Router in this example, just some tags. Issues 24. React Router v4: The Complete Guide ... of React Router in action. That is, with both routers you'd establish your routes statically as part of the app's initialization process. I'm using Reactstrap and React-router 4.0.0-beta.6 in the educational project that is located on gitlab with custom domain. At this point, we are also done with the code changes to build our SPA using React Router. Yay!!! Here's some code from React Router before version 4. In 4.0 and above, use the history as a prop of your component. This doesn't mean that there aren't more interesting things for you to take advantage of. Conclusion. I use React a lot, and I use navbars a lot, so this was just an obvious one for me. ... you should totally spend an afternoon taking a look the full React Router documentation and examples. In fact, mostly all of the router's you're probably familiar with are used this way - Express, Angular, Ember. Pull requests 22. This is an excellent example. ... Read on for an example and list of supported sub-components. ... A React Navbar Component. I'm new to the framework and after hopping from one tutorial to another for the past two days, React's modular design clicked for me because of Spaces Tabs 1 2 3 4 5 6 Width of Indent. e.g. React-Router 4.0.0+ Answer. A navbar component using react and bootstrap. Great live examples of react-router, with embedded fake browser Tagged Ambitious, Flexbox, Markdown, Playground, SVG. ";s:7:"keyword";s:29:"react router 4 navbar example";s:7:"expired";i:-1;}