XXXSIYU.github.io/contact.html at main · XXXSIYU/XXXSIYU.github.io · 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

91

92

93

94

95

96

97

98

99

<!DOCTYPE html>

<html lang="TW">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta name="format-detection" content="telephone=no">

<meta name="apple-mobile-web-title" content="SIYU">

<meta name="application-name" content="SIYU">

<meta name="msapplication-TileColor" content="#131417">

<meta name="theme-color" content="#131417">

<meta name="apple-mobile-web-app-capable" content="yes">

<meta name="mobile-web-app-capable" content="yes">

<meta name="apple-touch-fullscreen" content="yes">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>SIYU CONTACT</title>

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"

integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">

<link href="https://fonts.googleapis.com/css2?family=Lato&display=swap" rel="stylesheet">

<link rel="stylesheet" href="style2.css">

<link rel="preconnect" href="https://fonts.googleapis.com">

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap" rel="stylesheet">

<link rel="preconnect" href="https://fonts.googleapis.com">

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<link href="https://fonts.googleapis.com/css2?family=La+Belle+Aurore&display=swap" rel="stylesheet">

</head>

<body>

<div class="header">

<div class="logo">

<a href="index.html">

<img src="images/love.png" alt="#top">

</a>

</div>

<div class="menu">

<a href="portfolio.html">Portfolio</a>

<a href="contact.html">Contact</a>

</div>

<div class="linkedin">

<a href="http://www.linkedin.com/in/siyu-chen-s0129">

<img src="images/linkedin.png" alt="Linkedin Profile">

</a>

</div>

</div>

<div class="content">

<div class="row">

<div class="test">

<form action="contact.html" method="get">

<p class="formtitle">Leave Me A Message</p>

<label for="name">Name：</label>

<input type="text" name="name" id="name" required>

<label for="">Phone:</label>

<input type="tel"><br>

<label for="email">Email Address:</label>

<input type="email" name="email" id="email"><br>

<label for="local">Title:</label>

<input type="title"><br>

<label for="message">Message:</label><br>

<textarea name="message" id="message" cols="200" rows="40"></textarea><br>

<div class="container">

<button type="submit">Send</button>

</div>

</form><br>

</div>

</div>

</div>

<div class="footer">

<div class="sitemap">

Life isn't about waiting for the storm to pass. It's about learning to dance in the rain.

</div>

</div>

<a href="#top" class="btn-top">

<span></span>

</a>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"

integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN"

crossorigin="anonymous"></script>

</body>

</html>