lizuxiao
/
LC


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>LC</title>
	<meta name="keywords" content="自由城,区块链,NFT,LC游戏,虚拟,挖矿游戏">
	<meta name="description" content="自由城（Liberty City）是一个公平与自由、欲望与野心、虚拟与现实的交汇地。 成千上万个不同的故事将在这个自由之都发生。LC游戏里的故事、人物和任务都是由全新的虚拟场景来完成。 完全的去中心化，DAO治理，无私募、无众筹，所有代币全部通过挖矿产出，无项目方，公正公开，共建共享。">
	<link rel="stylesheet" href="./css/style.css">
	<link href="./css/bootstrap.min.css" rel="stylesheet">
	<script src="./js/jquery.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
    <style type="text/css">
            /* 导航项的底下指示条，并添加过渡动画*/
            .underline-bar {
                height: 2px;
                width: 0%;
                margin: 0 auto;
                background-color: #ffffff ;
                transition:width 1.5s;             
	            -webkit-transition:width 1.5s;
            }
 
            /* 鼠标经过导航项的时候显示过渡动画*/
            li:hover>.underline-bar{
                width: 100%;
            }
            
            /* 选中状态，指示条显示*/
            .active>.underline-bar{
                width:100%;
            }
 
    </style>
</head>
<body>
    <!-- 定义反白导航条 -->
    <div class="navbar navbar-fixed-top navbar-transparent nav" role="navigation">
        <div class="container">
            <!-- 申明logo的容器 -->
            <div class="navbar-header">
                <!-- 针对logo等固定内容的样式 -->
               <!-- <a href="#" class="navbar-brand">logo</a> -->
                <!-- 定义隐藏下拉按钮 -->
                <button class="navbar-toggle" data-toggle="collapse" data-target="#togglemenu">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
 
            <!-- 做隐藏菜单 -->
            <div class="collapse navbar-collapse navbar-right " id="togglemenu">
                <!-- 菜单项 -->
                <ul class="nav navbar-nav">
                    <!-- "cative"：定义当前页 -->
                    <li class="active">
                        <a href="#myCarousel">首页</a>
                        <div class="underline-bar"></div>
                    </li>
                    <li>
                        <a href="#jiesao">项目介绍</a>
                        <div class="underline-bar"></div>
                    </li>
                    <li>
                        <a href="#kapai">NFT</a>
                        <div class="underline-bar"></div>
                    </li>
                    <li><a href="#model">经济模型</a>
                        <div class="underline-bar"></div>
                    </li>
                    <li><a href="#xianlu">线路图</a>
                        <div class="underline-bar"></div>
                    </li>
					<li><a target="_blank" href="pdf.html">白皮书</a>
					    <div class="underline-bar"></div>
					</li>
					<li><a href="#qianbao">钱包链接</a>
					    <div class="underline-bar"></div>
					</li>
                </ul>
            </div>
 
        </div>
    </div>
	<!-- 图片 -->
	<div id="myCarousel" class="carousel slide"> 
	    <div class="carousel-inner">
	        <div class="item active">
	            <img src="./images/123.png" alt="公平与自由、欲望与野心虚拟与现实的交汇地">
	            <div class="carousel-caption">
					<img src="./images/20.png" class="img-responsive" alt="公平与自由、欲望与野心,虚拟与现实的交汇地"> 
					<div>公平与自由、欲望与野心<br>虚拟与现实的交汇地</div>
					<p>完全的去中心化，DAO治理，无私募、无众筹，所有代币全部通过挖矿产出，<br>无项目方，公正公开，共建共享。</p>
				</div>
	        </div>
	    </div>
	</div>
 <!-- 内容区 -->
 <div class="content">
 	 <!-- 钱包链接 -->
	<!-- <div class="qianbao" id="qianbao">
		<div class="Liberty">Liberty City</div>
		<div class="title">
			<img src="./images/192.png" alt="钱包链接">
			<h2>钱包链接</h2>
			<img src="./images/193.png" alt="钱包链接">
			<p class="hr"></p>
		</div>
		<div class="link">
			http://cobras.cloud/#/
		</div>
	 </div>	 -->
	 <!-- 项目介绍 -->
	 <div id="jiesao">
	 	<div class="Liberty2">Liberty City</div>
	 	<div class="title">
	 		<img src="./images/192.png" alt="自由城">
	 		<h2>项目介绍</h2>
	 		<img src="./images/193.png" alt="自由城">
	 		<p class="hr"></p>
	 	</div>
		<div class="container">
		<div class="ct"  class="row">
					<img src="./images/19bg.png" alt="自由城" class="col-xs-12 col-md-12">
					<div class="con" class="col-xs-12 col-md-12">
						<img src="./images/202.png" alt="自由城" >
						<h2>NEW WORLD IS COMING!</h2>
						<p>自由城（Liberty City）是一个公平与自由、欲望与野心、虚拟与现实的交汇地。
		成千上万个不同的故事将在这个自由之都发生。LC游戏里的故事、人物和任务都是由全新的虚拟场景来完成。
		完全的去中心化，DAO治理，无私募、无众筹，所有代币全部通过挖矿产出，无项目方，公正公开，共建共享。</p>
					</div>
				</div>	
		</div>
		
	 </div>
	 <img class="bg1" src="./images/382.png" alt="">
	 <!-- 卡牌 -->
	 <div id="kapai" class="row">
	 	<div class="Liberty2">Liberty City</div>
	 	<div class="title">
	 		<img src="./images/192.png" alt="NFT卡牌">
	 		<h2>NFT卡牌</h2>
	 		<img src="./images/193.png" alt="NFT卡牌">
	 		<p class="hr"></p>
	 	</div>
		<div class="container">
			<div class="con" class="row">
				<img src="./images/k1.png" alt="NFT卡牌" class="col-xs-4 col-md-4">
				<img src="./images/k2.png" alt="NFT卡牌" class="col-xs-4 col-md-4">
				<img src="./images/k3.png" alt="NFT卡牌" class="col-xs-4 col-md-4">
			</div>
		</div>
	 </div>
	 
	 <!-- 经济模型 -->
	 <div id="model">
	 	<div class="Liberty2">Liberty City</div>
	 	<div class="title">
	 		<img src="./images/192.png" alt="经济模型">
	 		<h2>经济模型</h2>
	 		<img src="./images/193.png" alt="经济模型">
	 		<p class="hr"></p>
	 	</div>
		<div class="container">
	    <div class="con" class="row">
			<div class="left col-xs-6 col-md-6">
				<img src="./images/233.png" class="col-md-12" alt="">
				<p class="p1">97%</p>
				<p class="p2">3%</p>
			</div>
			<div class="right col-xs-6 col-md-6">
				<div class="col-md-12">
					<img src="./images/y2.png" alt="">
					<p>97%-挖矿产出</p>
				</div>
				<div class="col-md-12">
					<img src="./images/y3.png" alt="">
					<p>3%-初始流动性</p>
				</div>
			</div>
	    </div>
		</div>
	 </div>
	 
	 <img class="bg2" src="./images/103.png" alt="">
	 <!-- 线路图 -->
	<div id="xianlu">
		<div class="Liberty2">Liberty City</div>
		<div class="title">
			<img src="./images/192.png" alt="线路图">
			<h2>线路图</h2>
			<img src="./images/193.png" alt="线路图">
			<p class="hr"></p>
		</div>
			<div class="container">
			<div class="ct"  class="row">
						<div class="con" class="col-xs-12 col-md-12">
							<div class="col-md-5 left">
								<div class="tow">
									第二季
									<p>LP挖矿</p>
								</div>
								<div class="four">
									第四季
									<p>PingFang-SC-Medium</p>
								</div>
							</div>
							<div class="col-md-2 hx">
								<span class="y"></span>
								<span class="x"></span>
								<span class="y"></span>
								<span class="x"></span>
								<span class="y"></span>
								<span class="x"></span>
								<span class="y"></span>
								<span class="x"></span>
								<span class="y"></span>
								<span class="x"></span>
							</div>
							<div class="col-md-5 right">
								<div class="tow">
									第一季
									<p>创世卡牌（混沌石）</p>
								</div>
								<div class="three">
									第三季
									<p>NFT土地购买质押</p>
								</div>
								<div class="five">
									第五季
									<p>元宇宙虚拟城市自由之都</p>
								</div>
							</div>
						</div>
					</div>	
			</div>
			
	</div>
	 
 </div>
 <div class="container" id="bps">
	 <div class="row footer" >
		 <div class="col-sm-12">
		 	<img class="col-xl-3 col-lg-3 col-md-3 col-sm-6" src="../moban4354/images/21.png" alt="">
		 	<img  class="col-xl-3 col-lg-3 col-md-3 col-sm-6" src="../moban4354/images/22.png" alt="">
		 	<img class="col-xl-3 col-lg-3 col-md-3 col-sm-6" src="../moban4354/images/23.png" alt="">
		 	<img class="col-xl-3 col-lg-3 col-md-3 col-sm-6" src="../moban4354/images/24.png" alt="">
		 </div>
	<div class="col-sm-12">
		<img class="col-xl-3 col-lg-3 col-md-3 col-sm-6" src="../moban4354/images/25.png" alt="">
		<img class="col-xl-3 col-lg-3 col-md-3 col-sm-6" src="../moban4354/images/26.png" alt="">
		<img class="col-xl-3 col-lg-3 col-md-3 col-sm-6" src="../moban4354/images/27.png" alt="">
		<img class="col-xl-3 col-lg-3 col-md-3 col-sm-6" src="../moban4354/images/28.png" alt="">
	</div> 
 </div>
</body>
<script type="text/javascript">
	if (typeof window.ethereum !== 'undefined') {
	  console.log('MetaMask is installed!');
	}
   $('.link').on('click',function(){
	   var res=$('.link').text()
	   console.log(res)
	   // alert(res)
   })
</script>
</html>