css3/exc3.html at master · yxmanyxman/css3 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html"
      xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="exc3.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="demo.css">
    <link rel="stylesheet" type="text/css" href="set2.css">
    <script src="exc3.js" type="text/javascript"></script>
</head>
<body onload="setHight()" onresize="setHight()">
    <div id="allCon" class="area" style="">

            <div class="header">
                <div class="right">
                    <h3 class="bounceInDown" style="float: right;margin-top: 80px; margin-right: 80px;">
                        DATE  2016/08/01 10:05<br>
                        WEATHER  CLOUDY<br><br>
                        DATE  2016/08/02 16:40<br>
                        WEATHER  SUNNY<br><br>
                    </h3>
                    <img class="bounceInDown" src="photo/tx.jpg" style="float:right;border-radius:100px;margin-left:5px;margin-top: 60px;margin-right: 20px;"> </img>
                </div>
                <div class="left_top">
                    <img class="bounceInDown" src="photo/email.jpg" style="float: left;margin-top: 40px;margin-left: 50px;margin-right: 15px"/>
                    <img class="bounceInDown" src="photo/menu.jpg" style="float: left;margin-top:40px;margin-left: 15px;margin-right: 15px"/>
                    <img class="bounceInDown" src="photo/document.jpg" style="float: left;margin-top: 40px;margin-left: 15px;"/>
                </div>
                <div class="left_bottom">
                    <p class="fadeInLeft">AMAZING  TRAVEL</p>
                </div>
            </div>

            <div class="footer">
                <div class="grid">
                    <figure class="effect-julia">
                        <img src="photo/21.jpg" alt="img21">
                        <figcaption>
                            <h2>Travel Sites <span>one</span></h2>
                            <div>
                                <p>Today is sunny day</p>
                                <p>Travel let us away from the pressure</p>
                                <p>Away from sad</p>
                            </div>

                        </figcaption>
                    </figure>
                    <figure class="effect-julia">
                        <img src="photo/22.jpg" alt="img22">
                        <figcaption>
                            <h2>Travel Sites <span>two</span></h2>
                            <div>
                                <p>Raining day,not bad</p>
                                <p>Travel let us away from the pressure</p>
                                <p>Away from sad</p>
                            </div>
                        </figcaption>
                    </figure>
                    <figure class="effect-julia">
                        <img src="photo/23.jpg" alt="img23">
                        <figcaption>
                            <h2>Travel Sites <span>three</span></h2>
                            <div>
                                <p>Cloudy,not bad not good</p>
                                <p>Travel let us away from the pressure</p>
                                <p>Away from sad</p>
                            </div>

                        </figcaption>
                    </figure>
                    <figure class="effect-julia">
                        <img src="photo/24.jpg" alt="img24">
                        <figcaption>
                            <h2>Travel Sites <span>four</span></h2>
                            <div>
                                <p>Sunny again</p>
                                <p>She loves the smell of the ocean</p>
                                <p>And dives into the morning light</p>
                            </div>

                        </figcaption>
                    </figure>
                </div>
            </div>
            <div id="cr"> <p>copyright © 2016-2018,yxman</p> </div>
    </div>

</body>
</html>