-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
134 lines (119 loc) · 4.81 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
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>G-Tip Solutions</title>
<link rel="stylesheet" href="CSS/styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Merriweather:wght@300&family=Montserrat:wght@100&family=Sacramento&display=swap" rel="stylesheet">
<link rel="icon" href="images/favicon.ico">
</head>
<script src= "https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script src= "https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
<script src="https://unpkg.com/[email protected]/babel.min.js"></script>
<body>
<div id="root"></div>
<script type="text/babel">
function tick() {
const element = (<h4>{new Date().toLocaleTimeString()}</h4>);
ReactDOM.render(element, document.getElementById('root'));
}
setInterval(tick, 1000);
</script>
<h1>I'm Brian,</h1>
<h3>a <span class="pro">Pro</span>grammer || Developer.</h3>
<img class="top-cloud" src="images/cloud2.png"
alt="top_cloud-image" width="390">
<img class="tiny-cloud" src="images/cloud2.png"
alt="tiny_cloud-image" width="230">
<img class="left-cloud" src="images/cloud2.png"
alt="left_cloud-image" width="410">
<img class="middle-cloud" src="images/cloud2.png"
alt="middle_cloud-image" width="200">
<img src="images/mountain.png"
alt="mountain-image" height="501" width="920">
</div>
<hr>
<div class="profile">
<h2>Developer Journey</h2> <Br>
<div class="quote"> "If you don’t design your own life plan,<br>
chances are you’ll fall into someone else’s plan.<br>
And guess what they have planned for you?<br>
Not much." ~Jim Rohn
</div>
<p class="intro"> I started learning Computer languages a few months back because
I wanted to make a career move, instead of jobs. Soon, I will have
gained a wealth of hours online and my nose in Udemy.com and Youtube. Goals
are to become a Solidity/Full Stack Developer and bring my ideas and creativity
to a progressive business model. I would love to work remotely and farm on my
ranch, but lets take baby steps.</p>
<img class="journey_pic" src="images/journey_quote.jpg" alt="Journey_quote_pic" width="600" height="220">
</div>
<hr>
<div class="middle-container">
<div class="profile">
<h2>About Me</h2>
<img class="profile-img" src="images/bg.jpg" alt="brian-profile-img" width="20">
<p class="intro">I am becoming a Solidity/Full Stack Developer. I'm also
currently learning Python, and have just about finished my certficate.
I like fast motorcycles, coffee, and lazy football Sundays, in my Jam Jams.
I enjoy gardening, fermenting Hott Sauce, and baking my own bread.</p>
</div>
<hr>
<div class="profile">
<h2>Hobbies/Freetime</h2>
<img class="disc-golf" src="images/disc-golf.png"
alt="disc-golf-img" width="80">
<p class="intro">
Coding💻||
Motorcycles🏍️||
Disc golf🥏||
Gardening🌾||
Fishing🎣||
FPS shooters🎮||
YouTubexx
</p>
</div>
<hr>
<div class="profile">
<h2>Code Knowledge</h2>
<p class="intro">
Python 💾💾💾⚙⚙||
Java/NODE.js/JSX 💾⚙⚙⚙<br>
HTML & CSS 💾💾💾💾⚙ ||
Solidity 💾💾⚙⚙⚙ <br>
Bootstrap 💾💾⚙⚙⚙||
SFCC & GO 🚧||<br>
{API's;Truffle; Ganache; Web3;
MetaMask; Remix; GitHub;
WebScraping(BeautifulSoup);
Crypto Wallets; React;NFT's;
Ethereum; blockchain; JSON;
NPL; Smart Contracts; Repl;
IDE's; UI/UX}
</p>
</div>
<div class="contact-me">
<img class="coding" src="images/coding.png"
alt="coding-img" width="260">
<hr>
<h2>Let's talk about how<br>
We can code together!</h2>
<a class="btn" href="mailto:[email protected]">EMAIL ME</a>
<a class="btn" href="contact.html">CONTACT ME</a>
</div>
</div>
<div class="bottom-container">
<a class="footer-img" href="https://www.linkedin.com/in/g-tipsolutions">
<img src="images/linked.png" width= "40" alt="linkedin-icon" ></a>
<a class="footer-img" href="https://www.facebook.com/bgshocker">
<img src="images/FB.png" width= "40" alt="FB-icon"></a>
<a class="footer-img" href="https://www.instagram.com/bg_dropindimes/">
<img src="images/insta.png" width= "40" alt="insta_image"></a>
<a class="footer-img" href="https://www.twitter.com/bgshocker">
<img src="images/Twitter.png" width= "40" alt="Twitter_icon"></a>
<p>© 2021 G-Tip Solutions</p>
</div>
</body>
</html>