WebTechProject/about.htm at master · xsong15/WebTechProject · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name ="description" content="authentic chinese food">
    <meta name ="keywords" content="chinese food, regional cuisines, recipes, must-try restaurants">
    <meta name ="author" content="xintong song">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>About</title>
    <link rel="stylesheet" href="css/about.css" type="text/css"/>
    <script type="text/javascript">
        let i = 0;

        const slides =
        [
            "picture/food1.jpeg",
            "picture/food2.jpeg",
            "picture/food3.jpeg",
            "picture/food4.jpeg",
            "picture/food5.jpeg",
            "picture/food6.jpeg"
        ];

        function slideShow()
        {
            let foodImg = document.getElementById("foodPicture");

            if (i == slides.length)
            {
                i = 0;
            }

            foodImg.src = slides[i];
            i = i + 1;
            setTimeout("slideShow()", 1000);
        }
    </script>
</head>

<body onload="slideShow()">
    <div id="nav">
        <ul>
            <li><a href="index.htm" target="_blank">Home</a></li>
            <li><a href="about.htm" target="_blank">About</a></li>
            <li><a href="contact.htm" target="_blank">Contact</a></li>
            <li><a href="restaurants.htm" target="_blank">Must-Try Restaurants</a></li>
            <li><a href="cuisines.htm" target="_blank">8 Regional Cuisines</a></li>
            <li><a href="sitemap.htm" target="_blank">Site-Map</a></li>
            <li><a href="credits.htm" target="_blank">Credits</a></li>
        </ul>
    </div>

    <div id="music">
        <audio controls>
            <source src="china.mp3" type="audio/mp3">
        </audio>
    </div>

    <div id="text">
       <h1>💗 Welcome! Welcome! ❤️</h1>

        <p>My name is <strong>Xintong</strong> and I'm a senior at <strong>Babson College</strong>. Originally from <strong>Shenzhen, China,</strong> I currently live in <strong>Newton, Massachusett</strong> with two college classmates. As a big food lover, I like exploring food, creating my own recipes, and going out to try out new restaurants in town, especially Chinese restaurants. My friends call me <strong>"soup master"</strong> since I'm obsessed of making 100% natural ingredients delicious soup. You can check out my cooking below.</p>
        <br>
        <p>I created this website for <strong>Web Technology</strong> class with a purpose of promoting my <strong>Chinese heritage and upbringing</strong>. Growing up in China, I was living in a bubble of Cantonese and Hunan cuisine. I have never tried things like traditional Sichuan Spicy Beef Oil Hot Pot(牛油火锅), Tibetan food Momo, or street food such as Dry Pot(麻辣香锅) and Beijing Crepes(煎饼果子), until coming to the States. Trying different kinds of Chinese food always opens a new world for me. Therefore, I challenge you to take a shot in tasting new food. If you click on<a href="restaurants.htm"><u>Must-Try Restaurants,</u></a>you can see a bunch of tasty and affordable Chinese food options in the Greater Boston area. Hope you enjoy my selection!</p>
        <br>
        <p>Lastly, a special thank you to <strong>Professor Li</strong> for his unlimited help inside and outside classroom and all of you who provided feedback for me during the editing process! 🥳</p>
    </div>

    <div id="gallery">
        <h1>📷 My Cooking Gallery 📷</h1>
        <p>
            <img src="picture/food1.jpeg"
            alt="slideshow of food"
            title="food"
            id="foodPicture"/>
        </p>
    </div>

    <div id="link">
        <ul>
            <li><a href="contact.htm" target="_blank">Contact</a><li>
            <li><a href="sitemap.htm" target="_blank">Site Map</a><li>
        </ul>
    </div>
</body>
</html>