Testing site root with react for gh pages
This commit is contained in:
@@ -1,481 +1,46 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
COPYRIGHT by HighHay/Mivfx
|
||||
Before using this theme, you should accept themeforest licenses terms.
|
||||
http://themeforest.net/licenses
|
||||
-->
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="theme-color" content="#000000" />
|
||||
<meta
|
||||
name="description"
|
||||
content="Web site created using create-react-app"
|
||||
/>
|
||||
<meta name="google-signin-client_id" content="59720049592-8vg2ne03m148cdru5ko9t7upjn5retoe.apps.googleusercontent.com">
|
||||
<script src="https://apis.google.com/js/platform.js" async defer></script>
|
||||
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&autoLogAppEvents=1&version=v4.0&appId=445645186070378"></script>
|
||||
<!--
|
||||
manifest.json provides metadata used when your web app is installed on a
|
||||
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
|
||||
-->
|
||||
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />
|
||||
<!--
|
||||
Notice the use of %PUBLIC_URL% in the tags above.
|
||||
It will be replaced with the URL of the `public` folder during the build.
|
||||
Only files inside the `public` folder can be referenced from the HTML.
|
||||
|
||||
<html class="no-js" lang="en">
|
||||
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
|
||||
work correctly both with client-side routing and a non-root public URL.
|
||||
Learn how to configure a non-root public URL by running `npm run build`.
|
||||
-->
|
||||
<title>React App</title>
|
||||
</head>
|
||||
<body>
|
||||
<noscript>You need to enable JavaScript to run this app.</noscript>
|
||||
<div id="root"></div>
|
||||
<!--
|
||||
This HTML file is a template.
|
||||
If you open it directly in the browser, you will see an empty page.
|
||||
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
<meta charset="utf-8">
|
||||
You can add webfonts, meta tags, or analytics to this file.
|
||||
The build step will place the bundled scripts into the <body> tag.
|
||||
|
||||
<!-- Page Title Here -->
|
||||
<title>Innovative Building Construction Services</title>
|
||||
|
||||
<!-- Page Description Here -->
|
||||
<meta name="description"
|
||||
content="A responsive coming soon template, un template HTML pour une page en cours de construction">
|
||||
|
||||
<!-- Disable screen scaling-->
|
||||
<meta name="viewport"
|
||||
content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1, user-scalable=0">
|
||||
|
||||
<!-- Place favicon.ico and apple-touch-icon(s) in the root directory -->
|
||||
|
||||
<!-- Initializer -->
|
||||
<link rel="stylesheet" href="./css/normalize.css">
|
||||
|
||||
<!-- Web fonts and Web Icons -->
|
||||
<link rel="stylesheet" href="./css/pageloader.css">
|
||||
<link rel="stylesheet" href="./fonts/opensans/stylesheet.css">
|
||||
<link rel="stylesheet" href="./fonts/asap/stylesheet.css">
|
||||
<link rel="stylesheet" href="./css/ionicons.min.css">
|
||||
|
||||
<!-- Vendor CSS style -->
|
||||
<link rel="stylesheet" href="./css/foundation.min.css">
|
||||
<link rel="stylesheet" href="./js/vendor/jquery.fullPage.css">
|
||||
<link rel="stylesheet" href="./js/vegas/vegas.min.css">
|
||||
|
||||
<!-- Main CSS files -->
|
||||
<link rel="stylesheet" href="./css/main.css">
|
||||
<link rel="stylesheet" href="./css/main_responsive.css">
|
||||
<link rel="stylesheet" href="./css/style-color1.css">
|
||||
|
||||
<script src="./js/vendor/modernizr-2.7.1.min.js"></script>
|
||||
</head>
|
||||
|
||||
<body id="menu" class="alt-bg">
|
||||
<!--[if lt IE 8]>
|
||||
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
|
||||
<![endif]-->
|
||||
|
||||
<!-- Page Loader -->
|
||||
<div class="page-loader" id="page-loader">
|
||||
<div><i class="ion ion-loading-d"></i>
|
||||
<p>loading</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- BEGIN OF site header Menu -->
|
||||
<!-- Add "material" class for a material design style -->
|
||||
<header class="header-top">
|
||||
|
||||
<div class="menu clearfix">
|
||||
<a href="#about-us">about</a>
|
||||
|
||||
<!--<div class="menu-cont">
|
||||
<p class="text">Menu cont</p>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="htp://page">My Page</a></li>
|
||||
</ul>
|
||||
</div>-->
|
||||
<!-- Add other menu similar to "about" here -->
|
||||
<a href="#contact">contact</a>
|
||||
</div>
|
||||
</header>
|
||||
<!-- END OF site header Menu-->
|
||||
|
||||
<!-- BEGIN OF Quick nav icons at left -->
|
||||
<nav class="quick-link count-4 nav-left">
|
||||
<div class="logo">
|
||||
<a href="#home">
|
||||
<img src="img/logo_only.png" alt="Logo Brand">
|
||||
</a>
|
||||
</div>
|
||||
<ul id="qmenu" class="qmenu">
|
||||
<li data-menuanchor="home">
|
||||
<a href="#home" class=""><i class="icon ion ion-home"></i>
|
||||
</a>
|
||||
<span class="title">Home page</span>
|
||||
</li>
|
||||
<li data-menuanchor="register">
|
||||
<a href="#register"><i class="icon ion ion-compose"></i>
|
||||
</a>
|
||||
<span class="title">Stay in touch</span>
|
||||
</li>
|
||||
<li data-menuanchor="about-us">
|
||||
<a href="#about-us"><i class="icon ion ion-android-information"></i>
|
||||
</a>
|
||||
<span class="title">About Us</span>
|
||||
</li>
|
||||
<!--<li data-menuanchor="contact">
|
||||
<a href="#contact"><i class="icon ion ion-android-call"></i>
|
||||
</a>
|
||||
<span class="title">Contact</span>
|
||||
</li>-->
|
||||
<li data-menuanchor="contact">
|
||||
<a href="#contact"><i class="icon ion ion-email"></i>
|
||||
</a>
|
||||
<span class="title">Contact</span>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<!-- END OF Quick nav icons at left -->
|
||||
|
||||
|
||||
|
||||
<!-- BEGIN OF site cover -->
|
||||
<div class="page-cover" id="s-cover">
|
||||
<!-- Cover Background -->
|
||||
<div class="cover-bg pos-abs full-size bg-img" data-image-src="img/bg-default.jpg"></div>
|
||||
|
||||
<!-- BEGIN OF Slideshow Background -->
|
||||
<!--<div class="cover-bg pos-abs full-size slide-show">
|
||||
<i class='img' data-src='./img/bg-slide1.jpg'></i>
|
||||
<i class='img' data-src='./img/bg-slide2.jpg'></i>
|
||||
<i class='img' data-src='./img/bg-slide3.jpg'></i>
|
||||
<i class='img' data-src='./img/bg-slide4.jpg'></i>
|
||||
</div>-->
|
||||
<!-- END OF Slideshow Background -->
|
||||
|
||||
<!--BEGIN OF Static video bg - uncomment below to use Video as Background-->
|
||||
<!--<div id="container" class="video-container show-for-medium-up">
|
||||
<video autoplay="autoplay" loop="loop" autobuffer="autobuffer" muted="muted"
|
||||
width="640" height="360">
|
||||
<source src="vid/flower_loop.mp4" type="video/mp4">
|
||||
</video>
|
||||
</div>-->
|
||||
<!--END OF Static video bg-->
|
||||
|
||||
<!-- Solid color as background -->
|
||||
<!-- <div class="cover-bg pos-abs full-size bg-color" data-bgcolor="rgb(59, 59, 59)"></div>-->
|
||||
|
||||
<!-- Solid color as filter -->
|
||||
<div class="cover-bg-mask pos-abs full-size bg-color" data-bgcolor="rgba(0, 0, 0, 0.41)"></div>
|
||||
|
||||
</div>
|
||||
<!--END OF site Cover -->
|
||||
|
||||
<!-- Begin of timer pane -->
|
||||
<div class="pane-when " id="s-when">
|
||||
<div class="content">
|
||||
<!-- Clock -->
|
||||
<div class="clock clock-countdown">
|
||||
<div class="site-config" data-date="01/01/2020 00:00:00" data-date-timezone="+0"></div>
|
||||
<div class="elem-center">
|
||||
<div class="digit">
|
||||
<span class="days">00</span>
|
||||
<span class="txt">days</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Logo instead -->
|
||||
<!--
|
||||
<div class="logo">
|
||||
<a href="#">
|
||||
<img src="img/logo_only.png">
|
||||
</a>
|
||||
</div>
|
||||
-->
|
||||
|
||||
<div class="elem-bottom">
|
||||
<div class="deco"></div>
|
||||
|
||||
<!-- <span class="days">12</span><span class="thin">D</span>-->
|
||||
<span class="hours">00</span><span class="thin">H</span>
|
||||
<span class="minutes">00</span><span class="thin">MN</span>
|
||||
<span class="seconds">36</span><span class="thin">S</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<footer>
|
||||
<p>Before we launch our <strong>new website</strong></p>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End of timer pane -->
|
||||
|
||||
<!-- BEGIN OF site main content content here -->
|
||||
<main class="page-main" id="mainpage">
|
||||
|
||||
<!-- Begin of home page -->
|
||||
<div class="section page-home page page-cent" id="s-home">
|
||||
|
||||
<!-- Logo -->
|
||||
<!--<div class="logo-container">
|
||||
<img class="h-logo" src="img/logo_only.png" alt="Logo">
|
||||
</div>-->
|
||||
<!-- Content -->
|
||||
<section class="content">
|
||||
|
||||
<header class="header">
|
||||
<div class="h-left">
|
||||
<h2>IBC<strong> Services</strong></h2>
|
||||
</div>
|
||||
<div class="h-right">
|
||||
<h3>Water <br>proofing <br> solutions</h3>
|
||||
<h4 class="subhead"><a href="#register">Available here soon</a></h4>
|
||||
</div>
|
||||
</header>
|
||||
</section>
|
||||
|
||||
<!-- Scroll down button -->
|
||||
<footer class="p-footer p-scrolldown">
|
||||
<a href="#register">
|
||||
<div class="arrow-d">
|
||||
<div class="before">Scroll</div>
|
||||
<div class="after">Down</div>
|
||||
<div class="circle"><i class="ion ion-mouse"></i></div>
|
||||
</div>
|
||||
</a>
|
||||
</footer>
|
||||
</div>
|
||||
<!-- End of home page -->
|
||||
|
||||
|
||||
|
||||
<!-- Begin of register page -->
|
||||
<div class="section page-register page page-cent" id="s-register">
|
||||
<section class="content">
|
||||
<header class="p-title">
|
||||
<h3>Register <i class="ion ion-compose"></i></h3>
|
||||
<h4 class="subhead">Register to get our latest news</h4>
|
||||
</header>
|
||||
<div>
|
||||
<form id="mail-subscription" class="form magic send_email_form" method="get"
|
||||
action="ajaxserver/serverfile.php">
|
||||
<p class="invite">Please, write your email below to stay in touch with us :</p>
|
||||
<div class="fields clearfix">
|
||||
<div class="input">
|
||||
<label for="reg-email">Email </label>
|
||||
<input id="reg-email" class="email_f" name="email" type="email" required
|
||||
placeholder="your@email.address" data-validation-type="email"></div>
|
||||
<div class="buttons">
|
||||
<button id="submit-email" class="button email_b" name="submit_email">Ok</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p class="email-ok invisible"><strong>Thank you</strong> for your subscription. We will inform you.</p>
|
||||
</form>
|
||||
</div>
|
||||
</section>
|
||||
<footer class="p-footer p-scrolldown">
|
||||
<a href="#about-us">
|
||||
<div class="arrow-d">
|
||||
<div class="before">About</div>
|
||||
<div class="after">Lorem</div>
|
||||
<div class="circle"><i class="ion ion-mouse"></i></div>
|
||||
</div>
|
||||
</a>
|
||||
</footer>
|
||||
</div>
|
||||
<!-- End of register page -->
|
||||
|
||||
<!-- Begin of about us page -->
|
||||
<div class="section page-about page page-cent" id="s-about-us">
|
||||
<section class="content">
|
||||
<header class="p-title">
|
||||
<h3>About Us<i class="ion ion-android-information">
|
||||
</i>
|
||||
</h3>
|
||||
<h4 class="subhead">We <span class="bold">make</span> only <span class="bold">beautiful</span> things</h4>
|
||||
</header>
|
||||
<article class="text">
|
||||
<p>Lorem ipsum <strong>magicum </strong>dolor sit amet, consectetur adipiscing elit. Maecenas a sem ultrices
|
||||
neque vehicula fermentum a sit amet nulla.</p>
|
||||
<p>Aenean ultricies odio at erat facilisis tincidunt. Fusce tempor auctor justo, nec facilisis quam vehicula
|
||||
vel. Aenean non mattis purus, eget lobortis odio. </p>
|
||||
</article>
|
||||
</section>
|
||||
<footer class="p-footer p-scrolldown">
|
||||
<a href="#contact">
|
||||
<div class="arrow-d">
|
||||
<div class="before">Contact</div>
|
||||
<div class="after">Message</div>
|
||||
<div class="circle"><i class="ion ion-mouse"></i></div>
|
||||
</div>
|
||||
</a>
|
||||
</footer>
|
||||
</div>
|
||||
<!-- End of about us page -->
|
||||
|
||||
<!-- Begin of Contact page -->
|
||||
<div class="section page-contact page page-cent bg-color" data-bgcolor="rgba(95, 25, 208, 0.88)s" id="s-contact">
|
||||
<!-- Begin of contact information -->
|
||||
<div class="slide" id="s-information" data-anchor="information">
|
||||
<section class="content">
|
||||
<header class="p-title">
|
||||
<h3>Contact<i class="ion ion-location">
|
||||
</i>
|
||||
</h3>
|
||||
<ul class="buttons">
|
||||
<li class="show-for-medium-up">
|
||||
<a title="About" href="#about-us"><i class="ion ion-android-information"></i></a>
|
||||
</li>
|
||||
<!--<li>
|
||||
<a title="Contact" href="#contact/information"><i class="ion ion-location"></i></a>
|
||||
</li>-->
|
||||
<li>
|
||||
<a title="Message" href="#contact/message"><i class="ion ion-email"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
</header>
|
||||
<!-- Begin Of Page SubSction -->
|
||||
<div class="contact">
|
||||
<div class="row">
|
||||
<div class="medium-6 columns left">
|
||||
<ul>
|
||||
<li>
|
||||
<h4>Email</h4>
|
||||
<p><a href="mailto://contact@mail.com">contactemail@mail.com</a></p>
|
||||
</li>
|
||||
<li>
|
||||
<h4>Address</h4>
|
||||
<p>99 Location Street
|
||||
<br>Antartica SP</p>
|
||||
</li>
|
||||
<li>
|
||||
<h4>Phone</h4>
|
||||
<p>+999 123 456 89</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="medium-6 columns social-links right">
|
||||
<ul>
|
||||
|
||||
<!-- legal notice -->
|
||||
<li class="show-for-medium-up">
|
||||
<h4>Website</h4>
|
||||
<p><a href="http://www.highhay.com">www.highhay.com</a></p>
|
||||
</li>
|
||||
<li class="show-for-medium-up">
|
||||
<h4>Find us on</h4>
|
||||
<!-- Begin of Social links -->
|
||||
<div class="socialnet">
|
||||
<a href="#"><i class="ion ion-social-facebook"></i></a>
|
||||
<a href="#"><i class="ion ion-social-instagram"></i></a>
|
||||
<a href="#"><i class="ion ion-social-twitter"></i></a>
|
||||
<a href="#"><i class="ion ion-social-pinterest"></i></a>
|
||||
<a href="#"><i class="ion ion-social-tumblr"></i></a>
|
||||
</div>
|
||||
<!-- End of Social links -->
|
||||
</li>
|
||||
<li>
|
||||
<p><img src="img/logo_large.png" alt="Logo" class="logo"></p>
|
||||
<p class="small">Bientot by <strong><a href="http://highhay.com">Brand</a></strong>. All right
|
||||
reserved 2015</p>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End of page SubSection -->
|
||||
</section>
|
||||
</div>
|
||||
<!-- end of contact information -->
|
||||
|
||||
<!-- begin of contact message -->
|
||||
<div class="slide" id="s-message" data-anchor="message">
|
||||
<section class="content">
|
||||
<header class="p-title">
|
||||
<h3>Write to us<i class="ion ion-email">
|
||||
</i>
|
||||
</h3>
|
||||
<ul class="buttons">
|
||||
<li class="show-for-medium-up">
|
||||
<a title="About" href="#about-us"><i class="ion ion-android-information"></i></a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="Contact" href="#contact/information"><i class="ion ion-location"></i></a>
|
||||
</li>
|
||||
<!--<li>
|
||||
<a title="Message" href="#contact/message"><i class="ion ion-email"></i></a>
|
||||
</li>-->
|
||||
</ul>
|
||||
</header>
|
||||
<!-- Begin Of Page SubSction -->
|
||||
|
||||
<div class="page-block c-right v-zoomIn">
|
||||
<div class="wrapper">
|
||||
<div>
|
||||
<form class="message form send_message_form" method="get" action="ajaxserver/serverfile.php">
|
||||
<div class="fields clearfix">
|
||||
<div class="input">
|
||||
<label for="mes-name">Name </label>
|
||||
<input id="mes-name" name="name" type="text" placeholder="Your Name" required></div>
|
||||
<div class="buttons">
|
||||
<button id="submit-message" class="button email_b" name="submit_message">Ok</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="fields clearfix">
|
||||
<div class="input">
|
||||
<label for="mes-email">Email </label>
|
||||
<input id="mes-email" type="email" placeholder="Email Address" name="email" required>
|
||||
</div>
|
||||
</div>
|
||||
<div class="fields clearfix no-border">
|
||||
<label for="mes-text">Message </label>
|
||||
<textarea id="mes-text" placeholder="Message ..." name="message" required></textarea>
|
||||
|
||||
<div>
|
||||
<p class="message-ok invisible">Your message has been sent, thank you.</p>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Of Page SubSction -->
|
||||
</section>
|
||||
|
||||
</div>
|
||||
<!-- End of contact message -->
|
||||
</div>
|
||||
<!-- End of Contact page -->
|
||||
|
||||
</main>
|
||||
|
||||
<!-- END OF site main content content here -->
|
||||
|
||||
<!-- Begin of site footer -->
|
||||
<footer class="page-footer">
|
||||
<div>
|
||||
<a href="http://www.facebook.com/highhay" target="_blank"><i class="ion icon ion-social-facebook"></i></a>
|
||||
<a href="http://www.instagram.com/miradontsoa" target="_blank"><i class="ion icon ion-social-instagram"></i></a>
|
||||
<a href="http://twitter.com/miradontsoa" target="_blank"><i class="ion icon ion-social-twitter"></i></a>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- End of site footer -->
|
||||
|
||||
|
||||
<!-- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>-->
|
||||
|
||||
<!-- All Javascript plugins goes here -->
|
||||
<!-- <script src="//code.jquery.com/jquery-1.11.2.min.js"></script>-->
|
||||
<script src="./js/vendor/jquery-1.11.2.min.js"></script>
|
||||
<!-- All vendor scripts -->
|
||||
<script src="./js/vendor/all.js"></script>
|
||||
|
||||
<!-- Detailed vendor scripts -->
|
||||
<!--<script src="./js/vendor/jquery.fullPage.min.js"></script>
|
||||
<script src="./js/vendor/jquery.slimscroll.min.js"></script>
|
||||
<script src="./js/vendor/jquery.knob.min.js"></script>
|
||||
<script src="./js/vegas/vegas.min.js"></script>
|
||||
<script src="./js/jquery.maximage.js"></script>
|
||||
<script src="./js/okvideo.min.js"></script>-->
|
||||
|
||||
<!-- Downcount JS -->
|
||||
<script src="./js/jquery.downCount.js"></script>
|
||||
|
||||
<!-- Form script -->
|
||||
<script src="./js/form_script.js"></script>
|
||||
|
||||
<!-- Javascript main files -->
|
||||
<script src="./js/main.js"></script>
|
||||
|
||||
|
||||
<!-- Google Analytics: Uncomment and change UA-XXXXX-X to be your site"s ID. -->
|
||||
<!--<script>
|
||||
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
|
||||
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
|
||||
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
|
||||
e.src="//www.google-analytics.com/analytics.js";
|
||||
r.parentNode.insertBefore(e,r)}(window,document,"script","ga"));
|
||||
ga("create","UA-XXXXX-X");ga("send","pageview");
|
||||
</script>-->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
To begin the development, run `npm start` or `yarn start`.
|
||||
To create a production bundle, use `npm run build` or `yarn build`.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -19,6 +19,6 @@ const composeEnhancers =
|
||||
}) : compose;
|
||||
const store = createStore(reducer, composeEnhancers(applyMiddleware(thunk)))
|
||||
|
||||
// ReactDOM.render(<Router store={store} />, document.getElementById('root'));
|
||||
ReactDOM.render(<Router store={store} />, document.getElementById('root'));
|
||||
|
||||
// serviceWorker.unregister();
|
||||
|
||||
Reference in New Issue
Block a user