-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathGPT.html
126 lines (120 loc) · 6.44 KB
/
GPT.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
125
126
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Juan Manuel Grau Blasco - Beginner AI user</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous" />
<style>
body {
background: linear-gradient(135deg, #f5f7fa, #c3cfe2);
}
.full-height {
height: 100vh;
}
</style>
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#">Juan Manuel Grau Blasco - Beginner AI user</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">Contact</a>
</li>
</ul>
</div>
</nav>
<!-- Page content -->
<div class="container mt-5">
<h1>Welcome to My Website!</h1>
<p>
Welcome to my portfolio website! I'm a beginner AI user and a programmer who is passionate about leveraging
the power of technology to solve real-world problems. From developing simple algorithms to building complex
systems, I've always been fascinated by the endless possibilities of coding.
Throughout my journey as a programmer, I've had the opportunity to explore a variety of programming
languages and frameworks, and I'm constantly expanding my skillset to stay up-to-date with the latest
industry trends. In particular, I'm excited about the potential of artificial intelligence and machine
learning to transform the way we live and work, and I'm eager to continue learning and growing in this
exciting field.
On this website, you'll find examples of my work as well as my personal projects and interests. I'm always
open to collaboration and new opportunities, so please don't hesitate to reach out if you'd like to work
together or have any questions. Thank you for visiting, and I hope you enjoy exploring my portfolio!
</p>
<img src="https://www.discover-the-world.com/app/uploads/2018/08/norway-northern-tromso-surrounds-with-aurora-istk.jpg"
class="img-fluid rounded" alt="Arctic Lights">
</div>
<div class="full-height bg-primary" id="about">
<h1>About</h1>
<p>
Hello, and welcome to my about page! My name is [your name], and I'm an outdoor enthusiast and a programming
enthusiast. I have always been passionate about rock climbing and all types of outdoor sports, and I find
that
these activities provide a great balance to the analytical and technical world of programming.
I began my career as a Quality Engineer in the automotive industry, but I was always curious about
programming.
I started by exploring automation and microcontroller programming, and I quickly discovered that programming
was
something that I truly enjoyed. I found myself spending countless hours learning new languages and
frameworks,
and I knew that I wanted to pursue programming as a career.
Seven years ago, I moved to Poland, and it was here that my programming journey really took off. Four years
ago,
I started teaching myself web development with HTML and JavaScript, and I quickly discovered that I had a
knack
for creating dynamic, user-friendly websites. I continued to expand my skillset, and I eventually landed a
job
as a Full Stack Developer.
Today, I am grateful to be able to combine my passion for programming with my love of the outdoors. When I'm
not
in front of my computer, you can usually find me scaling a rock face or exploring a new hiking trail. Thank
you
for taking the time to learn a little bit about me, and please feel free to reach out if you have any
questions
or if you're interested in collaborating on a project!
</p>
</div>
<div class="container mt-5" id="contact">
<form action="#" method="POST">
<div class="form-group">
<label for="name">Name:</label>
<input type="text" class="form-control" id="name" name="name" placeholder="Enter your name" required>
</div>
<div class="form-group">
<label for="email">Email:</label>
<input type="email" class="form-control" id="email" name="email" placeholder="Enter your email"
required>
</div>
<div class="form-group">
<label for="message">Message:</label>
<textarea class="form-control" id="message" name="message" rows="5" placeholder="Enter your message"
required></textarea>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
<!-- Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
crossorigin="anonymous"></script>
</body>
</html>