Home > Developer > Web Develop
Day 2
Html:
(index.html)
<! DOCTYPE html>
<meta charset= "UTF-8" >
<title>make a deal</title>
<link rel= "stylesheet" type= "Text/css" href= "Css/index.css" >
<body id= "Make_a_deal" >
<!--Start Text_container--
<div class= "Text_container" >
<div class= "title" > Make a choice to test your character </div>
<div class= "text" > Socrates said: "Know yourself." "Sun Tzu:" The Enemy, victorious. "To know a person, the most important thing is to know his character." Character determines fate, excellent character will make your life go farther. In fact, each person's own unique character may not be able to self-discover. Sometimes you have to rely on the guidance of others to reflect.
</div>
<p> now make a test to see how your choices are. </p>
</div>
<!--End Text_container--
<!--Start Door_container--
<div class= "Door_container" >
<div class= "Door" ><a href= "make_a_deal_choose_1.html" ></a>
<div class= "Door" ><a href= "make_a_deal_choose_2.html" ></a> </div>
</div>
<!--End Door_container--
</body>
(make_a_deal_choose1.html)
<! DOCTYPE html>
<meta charset= "UTF-8" >
<title>make a deal</title>
<link rel= "stylesheet" type= "Text/css" href= "Css/index.css" >
<body id= "Make_a_deal" >
<!--Start Text_container--
<div class= "Text_container" >
<div class= "title" > select 1th door friend:</div>
<div class= "Text" > <p> you like to joke, is can instantly let the atmosphere active hot field Master! </p>
<p> you like to cultivate others. Admire the simple luxuries of life, such as elegant cutlery, ornamental engraving candles, or bread baked by a local bakery. </p>
<p> you like to travel and enjoy the exotic cultures of different countries. </p>
<p> You sincerely hope that everyone is good, like to create a friendly atmosphere of goodwill. Remember: If you feel you need Help or support, be sure to speak out. </p>
</div>
<p> Now you can choose to open the second door </p>
</div>
<!--End Text_container--
<!--Start Door_container--
<div class= "Door_container" >
<div class= "Door" ><a href= "make_a_deal_choose_1.html" ></a>
<div class= "Door" ><a href= "make_a_deal_choose_2.html" ></a> </div>
</div>
<!--End Door_container--
</body>
(make_a_deal_choose2.html)
<! DOCTYPE html>
<meta charset= "UTF-8" >
<title>make a deal</title>
<link rel= "stylesheet" type= "Text/css" href= "Css/index.css" >
<body id= "Make_a_deal" >
<!--Start Text_container--
<div class= "Text_container" >
<div class= "title" > select 2nd door friend:</div>
<div class= "Text" >
<p> You like clean, simple, and hate any fancy decorations. For you, those are the superfluous, the useless thing. </p>
<p> you belong to the kind of person who is very progressive. Private efforts to overweight, work hard to fight, only for a clean, perfect life, but so desperate, is it worthwhile? </p>
<p> don't you feel like you missed something? </p>
<p> you put your focus on your personal accomplishments and take pride in your work and your career. </p>
<p> Although your career is mostly downwind, well-developed, or with a few degrees, you should really throw more time to yourself now, you should be a "person", a real self. Rather than blindly pursue worldly achievements, suppress the original self. </p>
<p> life is about creating balance, wrapping yourself in color, creating and experiencing the most meaningful adventures. </p>
<p> If you think you have embarked on a traditional sense of ease, then try to change and take a journey of adventure. You will be amazed at your performance. </p>
</div>
<p> Now you can choose to open the first door </p>
</div>
<!--End Text_container--
<!--Start Door_container--
<div class= "Door_container" >
<div class= "Door" ><a href= "make_a_deal_choose_1.html" ></a>
<div class= "Door" ><a href= "make_a_deal_choose_2.html" ></a> </div>
</div>
<!--End Door_container--
</body>
Css:
(INDEX.CSS)
body{
Background: #333;
Font-family:futura, "Trebuchet MS", Arial, Sans-serif;
}
. text_container{
margin:20px Auto 50px;
width:700px;
Text-align:center;
Color: #fff8f1;
}
. Text_container. title{
font-size:50px;
margin-bottom:30px;
}
. Text_container. text{
Text-align:left;
text-indent:34px;
}
. door_container{
Text-align:center;
}
. door{
Display:inline-block;
margin-left:40px;
}
Imitation Jennifer Dewalt | The website of websites Day2
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
