master

分支 (1)

管理

管理

master

html
/
heyongchen.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" type="text/css" media="screen" href="css/mainhe.css">
    <link rel="icon" href="image/he.ico">
    <title>main</title>
</head>

<body>
    <video autoplay muted loop style="width:100%">
        <source src="video/111.mp4">
    </video>
    <div id="all">
        <ul id="bind">
            <li>
                <!-- <a href="family.html" target="blank"> -->
                <div class="box1">
                    <div style="position: relative;margin-top: 1vh;">
                        <a class="text-shadow ">8.30</a>
                    </div>
                    <div class="box11">
                        <img src="image/时间轴1.jpg" alt="" style="width:50%;height:90%;position: absolute;padding: 3%;">
                        <div style="padding-right:3%;width: 52%;">
                            <p style="font-size:1.6em;">刚来防灾科技学院,怀着高兴的心情来到了防灾科技学院。其实来到大学，可能也是家人的所希望的，希望我能够成才！这张照片是我和我的外公，他也是我生命中一个很重要的人，
                                可以讲，没有我的外公， 也没有现在的我！我感谢我的家人，也很开心认识到的每一个人！
                            </p>
                        </div>
                    </div>
                </div>
                </a>
            </li>
            <li>
                <div class="box2">
                    <div style="position: relative;margin-top: 1vh;margin-left: 10px;">
                        <a class="text-shadow ">9.21</a>
                    </div>
                    <div class="box22">
                        <img src="image/时间轴22.jpg" alt="" style="width:50%;height:90%;position: absolute;padding: 3%;">
                        <div style="padding-left:5%;width: 40%;">
                            <p style="font-size:1.6em;padding-left: 50%;position: absolute;">第一次来到实验室，是一位同学带我进来的，我也很感谢这位同学，她叫薛佳琪。刚来这里，我对一切都是一种陌生的感觉，这里也没有我班级的同学。后来我在这里认识了很多的新同学，也很喜欢和他们一起讨论
                                问题。来到这里，我锻炼了自己，也是我自己开始做自己最想去做的事情的地方！
                            </p>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="box3">
                    <div style="position: relative;margin-top: 1vh;margin-left: 10px;">
                        <a class="text-shadow ">9.22</a>
                    </div>
                    <div class="box33">
                        <img src="image/时间轴2.jpg" alt="" style="width:50%;height:90%;position: absolute;padding: 3%;">
                        <div style="padding-right:3%;width: 40%;">
                            <p style=" position: absolute;padding-left: 55%;font-size: 1.5em;">这是我进实验室第一次来学习，学习的是office。初来这里来学习，也是一个很有意义的时刻。也是这次学长给我们讲office一些的操作，我也才开始接触这些优秀的学长。在后来的接触当中，也知道学长的优秀是出自他们的努力。他们熬了多少次夜，写了多少行代码，才能铸就现在他们的现在
                                技术。学长也是我的老师，也是我的榜样，更是我努力去学习的榜样！
                            </p>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="box4">
                    <div style="position: relative;margin-top: 1vh;margin-left: -2px;">
                        <a class="text-shadow ">10.12</a>
                    </div>
                    <div class="box44">
                        <img src="image/时间轴4.jpg" alt="" style="width:60%;height:450px;position: absolute;">
                        <div style="padding-right:3%;width: 40%;">
                            <p style="position: absolute; padding-left: 65%; font-size: 1.4em;">这是一次自己进行的一次网页展示，也是自己尝试写的第一个网页！第一次感受到了写代码的那种感觉，自己从一开始什么都不会到自己会写一个属于自己的百度网页，自己的内心还是很开心的。自己在其中也发现了自己和别人的差距，也让自己找到了以后学习的目标！
                            </p>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="box5">
                    <div style="position: relative;margin-top: 1vh;margin-left: 10px;">
                        <a class="text-shadow ">11.3</a>
                    </div>
                    <div class="box55">
                        <img src="image/时间轴3.jpg" alt="" style="width:50%;height:90%;position: absolute;padding: 3%;">
                        <div style="padding-right:3%;width: 40%;">
                            <p style="position: absolute; padding-left: 60%; font-size: 1.4em;">这是黄老师请大家吃披萨的时候，说一句实话，那次的披萨还是很好吃的哦！这在我的记忆中也是一次很温暖的时刻，大家和学长都吃的很开心，黄老师的脸上也有着灿烂的笑容。黄老师随后和我们讲到了买东西砍价的问题，让大家听起来不得不佩服黄老师。黄老师是一个很
                            优秀的老师，培养出很多优秀的学长学姐，我高兴我来到了这里，并且在这里学习！</p>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="box6">
                    <div style="position: relative;margin-top: 1vh;margin-left: -2px;">
                        <a class="text-shadow ">11.24</a>
                    </div>
                    <div class="box66">
                        <img src="image/时间轴5.jpg" alt="" style="width:50%;height:90%;position: absolute;padding: 3%;">
                        <div style="padding-right:3%;width: 40%;">
                            <p style="position: absolute; padding-left: 60%; font-size: 1.4em;">这是学长学姐外出学习的时候，黄老师安排我和其他三人一起管理实验室。在同学的积极配合之下，我们进行了一次自己网页的展示。我们在其中相互提出问题，并一起谈论解决问题，然后都讲解了自己在网页中运用的一些技术，大家在这次网页展示当中都有着不小的收获。我在
                            其中的收获就是:学习是相互的，交流是一种好的学习方法，学习的路还很长！</p>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="box7">
                    <div style="position: relative;margin-top: 1vh;margin-left: -2px;">
                        <a class="text-shadow ">11.30</a>
                    </div>
                    <div class="box77"></div>
                </div>
            </li>
            <li>
                <div style="text-align:center">
                    <img src="image/下箭头.png" alt="" style="width: 30%;position: relative; margin-right: 27%;margin-top: 10%;">
                </div>
            </li>
            <li>
                <div style="text-align:center">
                    <a href="family.html" ><img src="image/GIS1.png" alt="" style="width: 30%;position: relative; margin-right: 27%;margin-top: 10%;"></a>
                </div>
            </li>
        </ul>
    </div>
    <div class="one">
        <div style="margin-top:30%;">
        <p class="lizhi" style="color:white;font-family: Rage Italic">Do one thing at a time , do well.</p><br>
        <p style="color:gray;padding-left: 6%;padding-top: 60px;">一次只做一件事，做到最好！</p>
        <p style="color:white;padding-left:6%;padding-top: 70px;font-family: Rage Italic">A thousand-li journey is
            started by taking the first step.</p>
        <p style="color:gray;padding-left:6%;padding-top: 10px;">千里之行，始于足下。</p>
    </div>
    </div>
    <!-- <div class="xiao">
        <a>Email</a><br>
        <a>Wechat</a><br>
        <a>QQ</a><br>
        <a>Facebook</a>
    </div> -->
    <div>
        <a href="#inner"><img src="image/介绍.png" alt="介紹" style="height: 50px;width: 50px;padding-left: 5%; padding-top: 50px;"></a>
        <div class="inner" id="inner">
            <div class="box">
                <a href="#" style="position: absolute;right:0;top:0;"><img src="image/关  闭.png" style="width:30px;height:auto;"></a>
                <img src="image/自己.jpg" style="width:25%;height:auto;position:absolute;left:0;padding-left: 10%">
                <div style="width:60%;height: 50%;position: absolute;right: 0;padding-right: 5%;overflow: hidden;">
                    <a style="position:absolute;padding:20px;"><b>I am a student from the engineering department. I
                            like computers. I learned a lot in the GIS lab. I also met great teachers, excellent elders
                            and sisters, and students with dreams like me.
                            I like the feeling of writing code with them and helping each other. I am very happy that I
                            come here. Thanks everyone I met.
                            Only experienced ups and downs in life, and understand the world of taste, and therefore
                            must learn to cherish life and to cherish feelings.</b></a>
                </div>
            </div>
        </div>
        <a href="checkJump.html"><img src="image/return.png" alt="GIS" style="height: 50px;width: 50px;padding-left: 5%; padding-top: 70px;"></a>
    </div>
    <!-- <div class="hycc">
        <a>请横屏观看</a>
    </div> -->
</body>
<script>
    var move = document.getElementById('all')
    move.onmousemove = function () {
        var e = event || window.event
        var x = e.pageX
        var y = e.pageY;
        this.style.top = -y + "px";
    }
    // var p = move.children[0]
    // p.onmousemove = function(){
    //     var e = event || window.event
    //     e.srcElement = e.target
    //     var now = e.srcElement
    //     now.classList.add('start')
    //     now.classList.remove('end')
    // }
    // p.onmouseout = function(){
    //         var e = event || window.event
    //         e.srcElement = e.target
    //         var now = e.srcElement
    //         now.classList.remove('start')
    //         now.classList.add('end')
    // }
</script>
<script>
    window.onresize = adjuest;
    adjuest();
    function adjuest(){
        var w=window.innerWidth;
        if(w<500)
        {alert('请在外部浏览器横屏观看！');}
    }
</script>

</html>