<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    <title>Coming Soon</title>

    <meta name="description" content="Coming Soon" />
    <meta name="keywords" content="" />
    <meta name="author" content="" />

    <!-- Mobile specific -->
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Apple Touch Icons -->
    <link rel="apple-touch-icon" sizes="144x144" href="images/icons/apple-touch-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="114x114" href="images/icons/apple-touch-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="72x72" href="images/icons/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" href="images/icons/apple-touch-icon.png">

    <!-- Favicon -->
    <link rel="shortcut icon" href="https://www.muted.com/wp-content/uploads/2016/06/site-icon-wordpress-muted-3f.png">

    <!-- Google fonts -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,700">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic">

    <!-- Stylesheets -->
    <link href="https://www.muted.com/wp-content/plugins/indeed-coming-soon/files/css/jquery-ui.css" rel="stylesheet">
    <link href="https://www.muted.com/wp-content/plugins/indeed-coming-soon/files/css/bootstrap.css" rel="stylesheet">
    <link href="https://www.muted.com/wp-content/plugins/indeed-coming-soon/files/css/font-awesome.min.css" rel="stylesheet">
    <link href="https://www.muted.com/wp-content/plugins/indeed-coming-soon/files/css/owl.carousel.css" rel="stylesheet">
    <link href="https://www.muted.com/wp-content/plugins/indeed-coming-soon/files/css/animate.css" rel="stylesheet">
    <link href="https://www.muted.com/wp-content/plugins/indeed-coming-soon/files/css/global.css" rel="stylesheet">
    <link href="https://www.muted.com/wp-content/plugins/indeed-coming-soon/files/css/ics-layout-2.css" rel="stylesheet">
    <link href="https://www.muted.com/wp-content/plugins/indeed-coming-soon/files/css/ics_front_end.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js 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/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
     
        
           <style>.overlay{ background: rgba(0,0,0,0.4) }.overlay-top-left, .overlay-top-right, .special-overlay{ background: rgba(0,0,0,0.4) } </style>
     <span class="ics-js-public-data"
          data-subscribe_msg="You have been subscribed."
          data-send_msg_succes="Your message has been sent."
          data-subscribe_type="email_list"
          data-mailchimp_api="349fb1fd7de9fc0cf81a72ca2d1014e2-us2"
          data-mailchimp_id_list="c0bd011f5e"
          data-nav_effect="fadeIn"
     ></spam>
</head>
<body class="ics-layout-1">

    <!-- Begin preloader -->
    <div id="preloader"><div id="status">
        <div id="circleG">
            <div id="circleG_1" class="circleG"></div>
            <div id="circleG_2" class="circleG"></div>
            <div id="circleG_3" class="circleG"></div>
        </div></div>
    </div>
    <!-- End preloader -->


    <div class="overlay"></div><!-- /.overlay -->
	    <div class="wrap">
        <div class="container-full">
        
                    <div class="row">
                <header role="banner">
                    <div class="col-xs-6 col-sm-4">
                        <a href="javascript:void(0)" class="site-logo">
                                                    </a><!-- /.site-logo -->
                    </div>
                    <div class="col-xs-6 col-sm-8">
                        <div class="nav-container">
                                                        <nav role="navigation">
                                <ul role="menu">
                                                                                                                                            </ul>
                            </nav>
                        </div><!-- /.nav-container -->
                    </div>
                </header>
                <div class="clearfix"></div>
            </div>
            <div class="content-holder">
                <main role="main" class="clearfix">
                    <div class="row">
                        <div class="col-md-5 col-lg-5 col-bordered">
                            <div class="tag-line">
                                <h1 class="hm-1">enshittification</h1>
                                <h2 class="hm-2">[en-shit-uh-fi-key-shuhn]</h2>
                                <h2 class="hm-3">noun</h2>
                                <h3 class="hm-4">The gradual degradation of a social media platform's functionality, as part of a cycle in which the platform first offers benefits to users to attract them, then pursues more and more profits at the expense of users.</h3>
                            </div><!-- /.tag-line -->
                            
                            <!-- Modal starts -->
                            <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-hidden="true">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                            <h4 class="modal-title">
                                            	                                            		More info                                            	                                            </h4>
                                        </div>
                                        <div class="modal-body">
                                            <p>
                                                Praesent faucibus iaculis nulla, vel placerat dui commodo in. Suspendisse potenti. Fusce dignissim id diam ut imperdiet. Duis venenatis turpis nibh. Mauris egestas turpis in elit vestibulum, nec pretium tortor scelerisque. Mauris non mauris et leo tempor sodales.
<h4>Extra content</h4>
Morbi quis erat bibendum quam iaculis faucibus. Quisque ornare varius nunc. Nunc interdum nisi non ante bibendum facilisis.Vestibulum ullamcorper, tortor dictum <a href="file:///C:/Users/Developer4/Desktop/Transient/MAIN/HTML/Static%20-%20Copy/index.html#">semper adipiscing</a>, dui mauris vestibulum turpis, at dignissim lectus erat eu nibh. Aenean sit amet laoreet mi.Praesent faucibus iaculis nulla, vel placerat dui commodo in. Suspendisse potenti. Fusce dignissim id diam ut imperdiet. Duis venenatis turpis nibh. Mauris egestas turpis in elit vestibulum, nec pretium tortor scelerisque. Mauris non mauris et leo tempor sodales.                                            </p>
                                        </div>

                                    </div>
                                </div>
                            </div>
                            <!-- Modal ends -->
                   </div>
                    <div class="col-md-7">
                        <div class="page-panels">
                            <!-- Home panel starts -->
                            <section class="pnl-1">
                                <div class="countdown">
                                                                        <div class="col-xs-6 col-sm-3 col-md-3 text-center">
                                            <div class="count-container">
                                                <span class="days"></span>
                                                <p class="days_ref"></p>
                                            </div>
                                        </div>
                                        <div class="col-xs-6 col-sm-3 col-md-3 text-center">
                                            <div class="count-container">
                                                <span class="hours"></span>
                                                <p class="hours_ref"></p>
                                            </div>
                                        </div>
                                        <div class="col-xs-6 col-sm-3 col-md-3 text-center">
                                            <div class="count-container">
                                                <span class="minutes"></span>
                                                <p class="minutes_ref"></p>
                                            </div>
                                        </div>
                                        <div class="col-xs-6 col-sm-3 col-md-3 text-center">
                                            <div class="count-container">
                                                <span class="seconds"></span>
                                                <p class="seconds_ref"></p>
                                            </div>
                                        </div>
                                                                    </div>
                            </section>
                            <!-- Home panel ends -->
							                            <!-- Contact panel ends -->
                        </div>
                    </div>
                    </div>
                </main>
            </div>
        </div>
    </div>
    <!-- Footer starts -->
    <footer role="contentinfo">
        <div class="footer-bg"></div>
        <div class="container-full">

            <div class="row">
                <div class="col-sm-12">
				                     <form method="post"  class="subscribe-form">
                        <p>Subscribe for updates</p>
                        <input type="email" name="email" id="subscribe-email" placeholder="Email address" required="">
                        <button id="subscribe-submit">Go</button>
                        <div class="subscribe-error-field"></div>
                        <div class="subscribe-message"></div>
                    </form><!-- /.subscribe-form -->
				                    <div class="social-media">
                        <p></p>
                        <ul>
	                                                </ul>

                    </div><!-- /.social-media -->

                     <small></small>
                </div>
            </div>
        </div>
    </footer>
    <!-- Footer ends -->

    <!-- Scripts -->
    <script src="https://www.muted.com/wp-content/plugins/indeed-coming-soon/files/js/vendor/jquery-1.11.0.min.js"></script>
    <script src="https://www.muted.com/wp-content/plugins/indeed-coming-soon/files/js/jquery-ui.min.js"></script>
    <script src="https://www.muted.com/wp-content/plugins/indeed-coming-soon/files/js/supersized.3.2.7.min.js"></script>
    <script src="https://www.muted.com/wp-content/plugins/indeed-coming-soon/files/js/jquery.countdown.js"></script>
    <script src="https://www.muted.com/wp-content/plugins/indeed-coming-soon/files/js/owl.carousel.min.js"></script>
    <script src="https://www.muted.com/wp-content/plugins/indeed-coming-soon/files/js/jquery.fittext.js"></script>
    <script src="https://www.muted.com/wp-content/plugins/indeed-coming-soon/files/js/retina-1.1.0.min.js"></script>
    <script src="https://www.muted.com/wp-content/plugins/indeed-coming-soon/files/js/bootstrap.min.js"></script>
        <!--[if lte IE 9]>
		    <script src="https://www.muted.com/wp-content/plugins/indeed-coming-soon/files/js/jquery.placeholder.js"></script>
		    <script type="text/javascript">$('input, textarea').placeholder();</script>
	    <![endif]-->
        <script>
    //JS VIDEO BACKGROUND
    
    //THE COUNTDOWN
		      var until_time = '01/01/01';
        var until_timestamp  = '01/01/01';
	
                     //COUNTDOWN WITH DIGITS

        $('.countdown').downCount({
            date : until_time,
            until_timestamp : '1738189020'
        });

             
jQuery( document ).on( 'ready', function () {
    "use strict";
          $.supersized({
          slides: [{ image: 'https://www.muted.com/wp-content/uploads/2016/06/cropped-site-icon-wordpress-muted-3f-1.png' }]
      });
    });
	var ics_days_word = 'Days';var ics_day_word = 'day';var ics_hours_word = 'Hours';var ics_hour_word = 'hour';var ics_minutes_word = 'Minutes';var ics_minute_word = 'minute';var ics_seconds_word = 'Seconds';var ics_second_word = 'second';    </script>
    <script src="https://www.muted.com/wp-content/plugins/indeed-coming-soon/files/js/global.js"></script>
    <script src="https://www.muted.com/wp-content/plugins/indeed-coming-soon/files/js/front_end.js"></script>

</body>
</html>
    