master

分支 (1)

管理

管理

master

cyz_572
/
index.html

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>cyz572——myweb</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" />
    <link rel="stylesheet" href="fontawesome/css/all.min.css" type="text/css" />
    <link rel="stylesheet" href="css/slick.css" type="text/css" />
    <link rel="stylesheet" href="css/tooplate-simply-amazed.css" type="text/css" />
<!--

Tooplate 2123 Simply Amazed

https://www.tooplate.com/view/2123-simply-amazed

-->
</head>

<body>
    <div id="outer">
        <header class="header order-last" id="tm-header">
            <nav class="navbar"><li class="nav-item" style="font-size: 200%">
                            <a class="nav-link" href="https://homework.ikitsu.top/web/dormitory.html"><span class="icn"></span>&emsp;&emsp;My Dom 323</a>
                        </li>
                <div class="collapse navbar-collapse single-page-nav">
                    <ul class="navbar-nav">

                        <li class="nav-item">
                            <a class="nav-link" href="#section-1"><span class="icn"><i class="fas fa-2x fa-air-freshener"></i></span> About Myself</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#section-2"><span class="icn"><i class="fab fa-2x fa-battle-net"></i></span> My Hobbies</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#section-3"><span class="icn"><i class="far fa-2x fa-images"></i></span> My Favorite photos</a>
                        </li>
						<li class="nav-item">
                            <a class="nav-link" href="#section-4"><span class="icn"><i class="fas fa-2x fa-air-freshener"></i></span> My Hometown</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#section-5"><span class="icn"><i class="far fa-2x fa-comments"></i></span> Contact</a>
                        </li>
                    </ul>
                </div>
            </nav>
        </header>

        <button class="navbar-button collapsed" type="button">
            <span class="menu_icon">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </span>
        </button>

        <main id="content-box" class="order-first">
            <div class="banner-section section parallax-window" data-parallax="scroll" data-image-src="img/section-1-bg.jpg" id="section-1">
                <div class="container">
                  <div class="item">
                      <div class="bg-blue-transparent logo-fa"><span><i class="fas fa-2x fa-atom"></i></span>My Introduction</div>
                        <div class="bg-blue-transparent simple"><p>姓名：陈昱志</p><p align="center">2021级<a href="https://www.hust.edu.cn/">华中大</a>学子</p><p align="left">性别：&emsp;&emsp;男</p><p align="left">专业：&emsp;&emsp;计算机科学与技术</p><p align="left">班级：&emsp;&emsp;2108</p><p align="left">政治面貌：团员</p><p align="left">家乡：&emsp;&emsp;<a href="https://baike.baidu.com/item/%E6%94%B8%E5%8E%BF/2239190">湖南省株洲市攸县</a></p></div>

                    </div>
                </div>
            </div>

            <section class="work-section section" id="section-2">
                <div class="container">
                    <div class="row">
                        <div class="item col-md-4">
                            <div class="tm-work-item-inner">
                                <div class="icn"><em class="fas fa-2x fa-icons"></em></div>
                                <h3>.01 Enjoyment</h3>
                                <p>喜欢听周杰伦的音乐，用音乐放松心情；我喜欢各种球类运动，也经常做健身锻炼，他们是我生活中不可或缺的一部分。另外很喜欢看番，强推《刺客伍六七》，期待明年的大电影</p>
                            </div>
                        </div>
                        <div class="item col-md-4 one">
                            <div class="tm-work-item-inner">
                                <div class="icn"><i class="fas fa-2x fa-tools"></i></div>
                                <h3>.02 Ukulele</h3>
                                <p><a href="https://baike.baidu.com/item/%E5%B0%A4%E5%85%8B%E9%87%8C%E9%87%8C/805901?fr=aladdin">Ukulele</a>即尤克里里，也被称作乌克丽丽，是一种盛行于夏威夷的四弦弹拨类乐器。Ukulele相较于吉他而言更小巧，音色清脆，上手容易，自学也可学会（除非你想当顶级大佬），<a href="https://weibo.com/2139947552/">uncle周</a>是我在这方面的偶像。</p>
                            </div>
                        </div>
                        <div class="item col-md-4 two">
                            <div class="tm-work-item-inner">
                                <div class="icn"><em class="fab fa-2x fa-phoenix-framework"></em></div>
                                <h3>.03 Cute Animals</h3>
                                <p>我非常非常非常喜欢小动物，特别喜欢小狗狗，以前在家里养过一只小狗狗，我们建立了深厚的友谊，孤单的时候一直有他陪我。另外一点，他们身上的毛是真的很柔顺，手感相当不错。</p>
                            </div>
                        </div>
                    </div>
                    <div class="title">
                        <h2>My Hobbies</h2>
                    </div>
                </div>
            </section>

            <section class="gallery-section section parallax-window" data-parallax="scroll" data-image-src="img/section-3-bg.jpg" id="section-3">
                <div class="container">
                    <div class="title text-right">
                        <h2>My Favorite Photos</h2>
                    </div>
                    <div class="mx-auto gallery-slider">
                        <figure class="effect-julia item">
                            <img src="img/gallery-img-01.jpg" alt="Image">
                            <figcaption>
                                <div>
                                    <p>lovely dogs</p>
                                </div>
                                <a >View more</a>
                            </figcaption>
                        </figure>
                        <figure class="effect-julia item">
                            <img src="img/gallery-img-02.jpg" alt="Image">
                            <figcaption>
                                <div>
                                    <p>lovely dogs</p>
                                </div>
                                <a>View more</a>
                            </figcaption>
                        </figure>
                        <figure class="effect-julia item">
                            <img src="img/gallery-img-03.jpg" alt="Image">
                            <figcaption>
                                <div>
                                    <p>lovely dogs</p>
                                </div>
                                <a>View more</a>
                            </figcaption>
                        </figure>
                        <figure class="effect-julia item">
                            <img src="img/gallery-img-04.jpg" alt="Image">
                            <figcaption>
                                <div>
                                    <p>lovely dogs</p>
                                </div>
                                <a>View more</a>
                            </figcaption>
                        </figure>
                        <figure class="effect-julia item">
                            <img src="img/gallery-img-05.jpg" alt="Image">
                            <figcaption>
                                <div>
                                    <p>ukulele</p>
                                </div>
                                <a>View more</a>
                            </figcaption>
                        </figure>
                        <figure class="effect-julia item">
                            <img src="img/gallery-img-06.jpg" alt="Image">
                            <figcaption>
                                <div>
                                    <p>fireworks show</p>
                                </div>
                                <a>View more</a>
                            </figcaption>
                        </figure>
                        <figure class="effect-julia item">
                            <img src="img/gallery-img-07.webp" alt="Image">
                            <figcaption>
                                <div>
                                    <p>ukulele</p>
                                </div>
                                <a>View more</a>
                            </figcaption>
                        </figure>
                        <figure class="effect-julia item">
                            <img src="img/gallery-img-08.webp" alt="Image">
                            <figcaption>
                                <div>
                                    <p>lovely dogs</p>
                                </div>
                                <a>View more</a>
                            </figcaption>
                        </figure>
                        <figure class="effect-julia item">
                            <img src="img/gallery-img-09.webp" alt="Image">
                            <figcaption>
                                <div>
                                    <p>lovely dogs</p>
                                </div>
                                <a>View more</a>
                            </figcaption>
                        </figure>
						<figure class="effect-julia item">
                            <img src="img/gallery-img-010.png" alt="Image">
                            <figcaption>
                                <div>
                                    <p>刺客伍六七</p>
                                </div>
                                <a>View more</a>
                            </figcaption>
                        </figure>
						<figure class="effect-julia item">
                            <img src="img/gallery-img-011.jpg" alt="Image">
                            <figcaption>
                                <div>
                                    <p>我今天就要带她走</p>
                                </div>
                                <a>View more</a>
                            </figcaption>
                        </figure>
						<figure class="effect-julia item">
                            <img src="img/gallery-img-012.png" alt="Image">
                            <figcaption>
                                <div>
                                    <p>刺客伍六七</p>
                                </div>
                                <a>View more</a>
                            </figcaption>
                        </figure>
                    </div>
                </div>
            </section>

			 <section class="work-section section" id="section-4">
                <div class="container">
                    <div class="row">
                        <div class="item col-md-4">
                            <div class="tm-work-item-inner">
                                <img src="img/food-1.jfif" alt="Image">
                                <h3>.01 <a href="https://baike.baidu.com/item/%E6%94%B8%E5%8E%BF%E9%A6%99%E5%B9%B2">攸县香干</a></h3>
                                <p>攸县香干是湖南省著名的特色传统豆制品，发源于湖南省攸县境内，于2000年后被引入湘菜菜谱，并迅速发展，现攸县香干随湘菜闻名全国，攸县香干远销广东、福建、海南、北京、上海、等全国各地。攸县香干具有锅香浓、口感滑嫩、韧性足、口味纯等优点，是一个老少适宜的地方特色家常菜。</p>
                            </div>
                        </div>
                        <div class="item col-md-4 one">
                            <div class="tm-work-item-inner">
                                <img src="img/food-2.jfif" alt="Image">
                                <h3>.02 <a href="https://baike.baidu.com/item/%E6%94%B8%E5%8E%BF%E8%A1%80%E9%B8%AD">攸县血鸭</a></h3>
                                <p>攸县血鸭是一道流传已久的名菜，不仅是经典的湘菜，也是攸县典型的美味佳肴。攸县血鸭其味道甜沁、新鲜、脆嫩，无论是下酒，还是送饭，都是上乘佳品。</p>
                            </div>
                        </div>
                        <div class="item col-md-4 two">
                            <div class="tm-work-item-inner">
                                <img src="img/food-3.jfif" alt="Image">
                                <h3>.03 <a href="https://baike.baidu.com/item/%E6%94%B8%E5%8E%BF%E7%B1%B3%E7%B2%89">攸县米粉</a></h3>
                                <p>口感细腻，爽嫩。跟其它的米粉制作方法大致相同，主要以大米为原料，经浸泡、蒸煮、压条等工序制成的细小的条状，其质地柔韧，富有弹性，水煮不糊汤，干炒不易断，配以各种菜码或汤料进行汤煮或干炒，爽滑入味，深受广大老百姓的喜爱。</p>
                            </div>
                        </div>
                    </div>
                    <div class="title">
                        <h2>家乡特产</h2>
                    </div>
                </div>
            </section>


            <section class="contact-section section" id="section-5">
                <div class="container">
                    <div class="title">
                        <h3>Contact Me</h3>
                    </div>
                    <div class="row">
                        <div class="col-lg-5 col-md-6 mb-4 contact-form">
                            <div class="form tm-contact-item-inner">
                                <form action="#" method="POST">
                                    <div class="form-group">
                                        <input name="name" type="text" class="form-control" placeholder="Name">
                                    </div>
                                    <div class="form-group">
                                        <input name="email" type="text" class="form-control" placeholder="Email">
                                    </div>
                                    <div class="form-group">
                                        <textarea name="message" class="textarea form-control" placeholder="Message"></textarea>
                                    </div>
                                    <div class="form-group text-right">
                                        <p><a href="mailto:https://mail.qq.com/cgi-bin/frame_html?sid=_JThDaL2txi3-DhZ&r=9477171ef9c5eb8bc8306ae359302886">Send It</a></p>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6 mb-4 contact-details">
                            <div class="tm-contact-item-inner-2">
                                <p>陌生人你好，如果对我感兴趣的话可以发邮件联系我哟（づ￣3￣）づ╭❤～</p>
                                <ul class="font-weight-light">
                                    <li>
                                        <span class="icn"><i class="fas fa-mobile-alt"></i></span>
                                        <span class="lbl">Tel:</span>13131313131313131313131313
                                    </li>
                                    <li>
                                        <span class="icn"><i class="fas fa-at"></i></span>
                                        <span class="lbl">Email:</span><a href="mailto:https://mail.qq.com/cgi-bin/frame_html?sid=_JThDaL2txi3-DhZ&r=9477171ef9c5eb8bc8306ae359302886">[email protected]</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <footer class="footer container container-2">
                    <div class="row">
                        <p class="col-sm-7"></p>
                        <p class="col-sm-5 text-right design">Design: by <a rel="nofollow" href="https://www.tooplate.com" target="_parent">Tooplate</a></p>
						<p class="col-sm-7">青梅时雨(我的网名捏(=-ω-=))</p>
						<p class="col-sm-5 text-right design">content：by yuzhi chen</p>
                    </div>
                </footer>
            </section>
        </main>
    </div>
    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/bootstrap.bundle.min.js"></script>
    <script src="js/jquery.singlePageNav.min.js"></script>
    <script src="js/slick.js"></script>
    <script src="js/parallax.min.js"></script>
    <script src="js/templatemo-script.js"></script>
</body>
</html>