SWT/aboutus.html at main · ctyfish/SWT · 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

100

101

102

103

<html>

<head>

<meta charset="utf-8">

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

<title>享都不用想</title>

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">

<link href="./aboutus.css" rel="stylesheet" type="text/css">

</head>

<body>

<nav id="includenavbar" class="fixed-top" style="position:sticky;"></nav>

<div id="includelogin"></div>

<div id="carouselExampleInterval" class="carousel slide" data-bs-ride="carousel">

<div class="carousel-inner">

<div class="carousel-item active" data-bs-interval="4000">

<img src="./icon/DSC06588.JPG" class="d-block w-100">

</div>

<div class="carousel-item" data-bs-interval="4000">

<img src="./icon/DSC06595.JPG" class="d-block w-100">

</div>

<div class="carousel-item">

<img src="./icon/DSC06597.JPG" class="d-block w-100">

</div>

</div>

<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleInterval" data-bs-slide="prev">

<span class="carousel-control-prev-icon" aria-hidden="true"></span>

<span class="visually-hidden">Previous</span>

</button>

<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleInterval" data-bs-slide="next">

<span class="carousel-control-next-icon" aria-hidden="true"></span>

<span class="visually-hidden">Next</span>

</button>

</div>

<div class="container-fluid">

<div class="row">

<div class="col-md-1 mt-5"></div>

<div class="col-md-5 mt-5">

<div class="row mb-5">

<p style="color:#573605;font-weight:700;font-size:3vh;">| 平台創立宗旨 |</p>

<p style="color:#573605;font-weight:500;font-size:2.5vh;letter-spacing:1px;">

我們的團隊有鑑於目前的共享平台都是提供單一化的服務，假如一個使用者同時有共享乘車與共享房間的需求，那他就需要分別到兩個平台去加入會員並尋找資源。於是我們推出了“享都不用想”這個共享資源平台，提供資源擁有者與需求者一個更便利的環境，在一個網站、辦一個會員，就可以滿足所有需求。

</p>

</div>

<div class="row">

<p style="color:#573605;font-weight:700;font-size:3vh;">| 平台功能簡介 |</p>

<p style="color:#573605;font-weight:500;font-size:2.5vh;letter-spacing:1px;">

“享都不用想”共享資源平台提供所有使用者一個可以上架或尋找各類共享資源的環境，資源需求者可以透過平台設置的分類或關鍵字搜尋功能去尋找資源，而上架資源者只需上傳圖片、設定金額與撰寫相關資訊即可在平台上架共享資源。現在加入會員填寫基本資料後，就可以開啟在“享都不用想”的共享之旅了！

</p>

</div>

</div>

<div class="col-md-1 mt-5"></div>

<div class="col-md-4 mt-4">

<div id="myCarousel" class="carousel slide" data-bs-ride="carousel">

<div class="carousel-indicators">

<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>

<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="1" aria-label="Slide 2"></button>

<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="2" aria-label="Slide 3"></button>

<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="3" aria-label="Slide 4"></button>

<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="4" aria-label="Slide 5"></button>

<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="5" aria-label="Slide 6"></button>

</div>

<div class="carousel-inner">

<div class="carousel-item active" data-bs-interval="4000">

<h5 style="color:#573605;font-weight:700;text-align: center;">Designer / 李婉妤</h5>

<img src="./icon/DSC06535.JPG" class="d-block w-100">

</div>

<div class="carousel-item" data-bs-interval="4000">

<h5 style="color:#573605;font-weight:700;text-align: center;">Engineer / 林佳玉</h5>

<img src="./icon/DSC06546.JPG" class="d-block w-100">

</div>

<div class="carousel-item" data-bs-interval="4000">

<h5 style="color:#573605;font-weight:700;text-align: center;">Engineer / 林顥閔</h5>

<img src="./icon/DSC06552.JPG" class="d-block w-100">

</div>

<div class="carousel-item" data-bs-interval="4000">

<h5 style="color:#573605;font-weight:700;text-align: center;">Engineer / 陳采妤</h5>

<img src="./icon/DSC06559.JPG" class="d-block w-100">

</div>

<div class="carousel-item" data-bs-interval="4000">

<h5 style="color:#573605;font-weight:700;text-align: center;">Engineer / 賴溡雨</h5>

<img src="./icon/DSC06564.JPG" class="d-block w-100">

</div>

<div class="carousel-item" data-bs-interval="4000">

<h5 style="color:#573605;font-weight:700;text-align: center;">Designer / 李姸蓉</h5>

<img src="./icon/DSC06573.JPG" class="d-block w-100">

</div>

</div>

</div>

</div>

<div class="col-md-1 mt-5"></div>

</div>

</div>

<div id="includefooter" class="mt-4"></div>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ" crossorigin="anonymous"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.13/semantic.min.js"></script>

<script src="./aboutus.js"></script>

</body>

</html>