-
Notifications
You must be signed in to change notification settings - Fork 0
/
project.html
60 lines (57 loc) · 2.79 KB
/
project.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Stepping Stone Project</title>
<!-- CSS -->
<link rel="stylesheet" href="css/main.css">
<!-- script -->
<script src="js/index.js"></script>
</head>
<body>
<div class="wrap">
<!--header-->
<header>
<div class="innerHeader">
<div class="logo">
<a href="index.html"><img src="img/logo.png" alt="logo" width="70"></a>
</div>
<nav class="mainMenu">
<span class="bar"></span>
<ul class="gnb">
<li><a href="index.html">HOME</a></li>
<li><a href="#about">ABOUT</a></li>
<li><a href="#create">CREATE STEPPING STONE</a></li>
<li><a href="#feedback">FEEDBACK</a></li>
</ul>
<ul class="sns">
<li><a href="https://www.linkedin.com/in/youngsong01/"><img id="linkedin" src="img/linkedin.png" alt="linkedIn" width="15"></a></li>
<li><a href="https://github.com/YoungSong99"><img id="github" src="img/git.png" alt="github" width="20"></a></li>
<li><a href="#"><button id="theme-button"><img src="img/darkmode.png" alt="darkmode" width="15"><span
id="mode-text">Dark Mode </span></button></a></li>
</ul>
</nav>
</div>
</header>
<!--contents-->
<section class="create project" style="display: flex; flex-direction: column; align-items: center; /* 세로 방향으로 쌓고 가운데 정렬 */">
<h2 class="tit en animate" data-animate="motion" style="text-align: center;"><span><b>Under Construction</b></span></h2>
<div style="width: 800px; background-color: rgba(256, 256, 256, 0.9); padding: 20px; margin-top: 20px; /* 위 요소와의 간격 */">
<p class="txt" style="font-size: 20px">Thank you for stopping by. I'm creating a about where users can enter, evaluate goals, and add action plans. Once it's completed, users will receive a neatly arranged plan in PDF form that they can review at any time to keep their goals in clear view. <br>If you have any inspiring ideas or suggestions related to this about concept, Let's talk :).</p>
</div>
</section>
<footer>
<div class="bottom en">
<ul>
<li><img src="img/logo.png" width="100"></li>
<li>
<b>Contacts</b><br>
<b>GitHub </b><a href="https://github.com/YoungSong99">https://github.com/YoungSong99</a><br>
<b>LinkedIn </b><a href="https://www.linkedin.com/in/youngsong01">https://www.linkedin.com/in/youngsong01/</a><br>
</li>
</ul>
</div>
</footer>
</div>
</body>
</html>