-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathsamuel.html
More file actions
137 lines (114 loc) · 5.96 KB
/
samuel.html
File metadata and controls
137 lines (114 loc) · 5.96 KB
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
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Samuel Villamin</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<link rel="icon" href="./images/samuel.jpg">
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog==" crossorigin="anonymous" />
<style>
#header {
text-align: center;
}
a {
color: rgb(207, 212, 218);
}
a {
color: rgb(207, 212, 218);
}
#about-web-dev {
color: gray;
text-align: center;
}
#copyright {
color: gray;
text-align: center;
}
.social-links {
color: gray;
text-align: center;
}
#navbar h4 {
font-size: 3vw;
}
</style>
</head>
<body>
<div class="container-fluid">
<header class="bg-dark text-white p-4" id="header"><a href="./index.html">Nerdicom <i class="fas fa-dumpster"></i></a> * Samuel</header>
<nav class="bg-dark text-white p-3 d-flex justify-content-between" id="navbar" data-aos="slide-down">
<h4><a href="./alvin.html">Alvin</a></h4>
<h4><a href="./jv.html">JV</a></h4>
<h4><a href="./samuel.html">Samuel</a></h4>
<h4><a href="./vincent.html">Vincent</a></h4>
<h4><a href="./win.html">Win</a></h4>
</nav>
<div id="main-body">
<div class="row d-flex flex-column align-items-center p-3">
<div class="col-xl-8 col-lg-8 col-md-9 col-sm-12 col-xs-12 card mb-5 p-4" data-aos="fade-up" id="about-me">
<div class="row">
<div class="col-10">
<h1>About Me</h1>
</div>
<!-- <div class="col-2">
lorem
</div> -->
<div class="col-12">
<p>我是这个团队的中文顾问。I am the Chinese consultant of this team.</p>
</div>
</div>
</div>
<div class="col-xl-8 col-lg-8 col-md-9 col-sm-12 col-xs-12 card mb-5 p-4" data-aos="flip-down">
<h1>Skills</h1>
<ul>
<li>Chinese... Definitely</li>
</ul>
</div>
<!-- <div class="col-xl-8 col-lg-8 col-md-9 col-sm-12 col-xs-12 card mb-5 p-4" data-aos="zoom-in" id="projects">
<h1>Projects</h1>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Doloribus enim tenetur aspernatur architecto illo est maxime sequi, cum animi ut sunt ducimus doloremque nemo quas quo laboriosam voluptates molestiae. Exercitationem! Lorem ipsum dolor sit amet consectetur adipisicing elit. Quo magnam dicta alias praesentium adipisci nemo placeat aliquam quas rem recusandae autem saepe dolores minima non doloremque repellat est, animi, voluptates sapiente repellendus perspiciatis minus natus neque blanditiis! Eos, quasi quidem.</p>
</div>
<div class="col-xl-8 col-lg-8 col-md-9 col-sm-12 col-xs-12 card mb-5 p-4" data-aos="zoom-in" id="contact">
<h1>Contact</h1>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Doloribus enim tenetur aspernatur architecto illo est maxime sequi, cum animi ut sunt ducimus doloremque nemo quas quo laboriosam voluptates molestiae. Exercitationem! Lorem ipsum dolor sit amet consectetur adipisicing elit. Quo magnam dicta alias praesentium adipisci nemo placeat aliquam quas rem recusandae autem saepe dolores minima non doloremque repellat est, animi, voluptates sapiente repellendus perspiciatis minus natus neque blanditiis! Eos, quasi quidem.</p>
</div> -->
</div>
</div>
</div>
<footer class="bg-dark p-4" data-aos="fade-up">
<div class="row">
<div id="about-web-dev" class="col-xl-5 col-lg-5 col-md-7 col-sm-12 col-xs-12">
<h5>About Web Developer</h5>
<hr>
<p>He is looking for his first clients. He likes to teach and has a dedicated Youtube Channel to teaching. He completes projects relatively quickly. Contact the developer, he might do requests for free in exchange for testimonials. P.S. Have you deciphered the message?</p>
</div>
<div id="alvin-footer" class="col-xl-3 col-lg-3 col-md-2 col-sm-12 col-xs-12 social-links">
<h5>Contact Developer</h5>
<hr>
<ul>
<li><a href="">Twitter</a></li>
<li><a href="https://www.linkedin.com/in/vincent-hong-3316731aa/" target="_blank">LinkedIn</a></li>
<li><a href="https://www.youtube.com/channel/UCURjfSQb3sxmG08dhn3vh8A" target="_blank">Youtube</a></li>
<li><a href="https://github.com/vinlegend1" target="_blank">Github</a></li>
</ul>
</div>
<div id="alvin-footer" class="col-xl-3 col-lg-3 col-md-2 col-sm-12 col-xs-12 social-links">
<h5>Social Links</h5>
<hr>
<ul>
<li><a href="">Twitter</a></li>
<li><a href="">Youtube</a></li>
<li><a href="">Facebook</a></li>
</ul>
</div>
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12" id="copyright">© YellowMathAndGames 2020</div>
</div>
</footer>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init();
</script>
</body>
</html>