-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
124 lines (115 loc) · 4.47 KB
/
index.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
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
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta property='og:type' content='website'>
<meta property='og:title' content='maco165'>
<!--<meta property='og:url' content=''>-->
<meta property='og:description' content='maco165'>
<meta property="og:image" content="">
<meta name="description" content="maco165" />
<title>maco165</title>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Material+Icons+Outlined" rel="stylesheet">
<link href="css/ress.css" media="all" rel="stylesheet" type="text/css" />
<link href="css/style.css" media="all" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="https://pbs.twimg.com/profile_images/1667883678557675520/-ORsM05R_400x400.jpg" />
<!-- <link rel=”canonical” href=”” />-->
</head>
<body>
<div class="wrapper">
<!-- header -->
<header class="header ">
<div class="container">
<h1 class="header-logo">
<a href="">maco165</a>
</h1>
<nav class="gnav">
<ul class="gnav-list">
<li class="gnav-item"><a href="#works">WORKS</a></li>
<li class="gnav-item"><a href="#contact">CONTACT</a></li>
</ul>
</nav>
</div>
</header>
<!-- /header -->
<main class="content">
<!-- mv -->
<div class="mv">
<div class="mv-container">
<p class="mv-title">maco165</p>
</div>
</div>
<!-- /mv -->
<!-- works
<section class="works section" id="works">
<div class="container">
<h2 class="title">WORKS</h2>
<div class="works-list">
<a class="works-item" href="">
<div class="works-img"><img src="" alt="unknown" /></div>
<p class="works-name">unknown</p>
<p class="works-info">unknown</p>
</a>
<a class="works-item" href="">
<div class="works-img"><img src="" alt="unknown" /></div>
<p class="works-name">unknown</p>
<p class="works-info">unknown</p>
</a>
<a class="works-item" href="">
<div class="works-img"><img src="" alt="unknown" /></div>
<p class="works-name">unknown</p>
<p class="works-info">unknown</p>
</a>
</div>
</div>
</section>
/works -->
<!-- contact -->
<section class="skill section" id="contact">
<div class="container">
<h2 class="title">CONTACT</h2>
<div class="skill-list">
<div class="skill-item">
<p class="skill-img"><img src="https://img.freepik.com/free-icon/twitter_318-674515.jpg" alt="Twitter"></p>
<div class="skill-body">
<h3 class="skill-name"><a href="https://twitter.com/maco165_rust">Twitter</a></h3>
<p class="skill-text">
@maco165_rust</p>
</div>
</div>
<div class="skill-item">
<p class="skill-img"><img src="https://cdn4.iconfinder.com/data/icons/iconsimple-logotypes/512/github-512.png" alt="GitHub"></p>
<div class="skill-body">
<h3 class="skill-name"><a href="https://github.com/maco165">GitHub</a></h3>
<p class="skill-text">
maco165</p>
</div>
</div>
<div class="skill-item">
<p class="skill-img"><img src="https://cdn.qiita.com/assets/public/push_notification/image-qiitan-572179a3bbde375850422ea48b2b6272.png" alt="Qiita"></p>
<div class="skill-body">
<h3 class="skill-name"><a href="https://qiita.com/maco165">Qiita</a></h3>
<p class="skill-text">
@maco165</p>
</div>
</div>
</div>
</section>
<!-- /contact -->
<div class="page-top" id="js-page-top">
<span class="material-icons-outlined">expand_less</span>
</div>
</main>
<!-- footer -->
<footer class="footer">
<div class="copyright">©2023 maco165</div>
</footer>
<!-- /footer -->
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script type='text/javascript' src="js/script.js"></script>
</body>
</html>