-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathprofile.html
More file actions
140 lines (140 loc) · 11 KB
/
Copy pathprofile.html
File metadata and controls
140 lines (140 loc) · 11 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
138
139
140
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Our Company - HotBeansWeb</title>
<link rel="stylesheet" href="base.css">
<link rel="stylesheet" href="profile.css">
<script src="script.js"></script>
<link rel="icon" type="image/x-icon" href="/assets/design/image designs/website_icon.png">
<link href="bootstrap.css" rel="stylesheet">
<script src="bootstrap.js"></script>
</head>
<body>
<nav class="container-fluid">
<a href="index.html"><button class="btn btn-dark" data-page="index.html" id="nav-button">Home</button></a>
<a href="profile.html"><button class="btn btn-dark" data-page="profile.html" id="nav-button">Our Company</button></a>
<a href="jobs.html"><button class="btn btn-dark" data-page="jobs.html" id="nav-button">Vacancies</button></a>
<a href="learn.html"><button class="btn btn-dark" data-page="learn.html" id="nav-button">Learn</button></a>
</nav>
<section class="container-fluid section-1">
<h1 class="section-heading">About Hot Beans Web</h1>
<div class="section-1-container">
<img src="assets/images/Offices.jpg" alt="Company office image">
<div>
<h2>Our history</h2>
<p>Hot Beans Web was established in 2007 by David Wood, who previously held roles in a multi-national business. He saw that there was a potential for a slightly different type of Web Design Agency;</p>
<p>David wanted to create a web design agency that could deliver on the fundamentals of providing good quality websites at affordable prices without compromising on quality.</p>
<p>Over a decade and a half later, it has proven to be a successful formula; we have seen the business grow year on year for both Hot Beans and our clients. We have our head office in Peterborough and offices in Northampton.</p>
<a target="_blank" href="https://maps.app.goo.gl/X6BoBM75tvRLpLt88"><button class="btn btn-primary">Visit us</button></a>
</div>
</div>
</section>
<section class="section-2">
<h1 class="section-heading">Meet our Employees</h1>
<p>We are so proud of the people who make Hot Beans who we are. They are a unique set of web designers, web developers, and marketers who come together to deliver on the one shared philosophy: to provide the best solutions for website design to our existing and new customers.</p>
<p>The team at Hotbeans is unusually diverse for the web design industry. As a team, we can focus more on our client's objectives and deliver custom web design and development to exceed our customer's expectations every time.</p>
<div id="daniel" class="profile">
<div class="profile-left">
<img src="assets/images/Daniel_Lecroy.jpg" alt="Daniel LeCroy's picture">
<h2>Daniel LeCroy</h2>
</div>
<div class="profile-right">
<p>I'm Daniel and probably not the typical designer positioned behind an Illustrator artboard adjusting pixels, but I design. Immersed in stylesheets tweaking font sizes and contemplating layouts is where you'll find me (~_^).</p>
<p>I'm committed to creating fluent user experiences while staying fashionable. In building JavaScript applications, I'm equipped with just the right tools, and can absolutely function independently of them to deliver fast, resilient solutions optimized for scale — performance and scalabilty are priorities on my radar.</p>
<p>I draw inspiration from a lot of different places when designing websites. Being a designer and creating something new every day is challenging. Sometimes, ideas spark instantly. But other times? They can take hours or even days to develop. When this happens, it’s useful to step away from the project for a moment and look to others’ work like at csszengarden to find inspiration. I also draw inspiration and awe from cultural art from around the world both old and new.</p>
</div>
</div>
<div class="profile">
<div id="lichang" class="profile-left">
<img src="assets/images/Li Chang.jpg" alt="Li Chang's picture">
<h2>Li Chang</h2>
</div>
<div class="profile-right">
<p>Hello! My name is Li and I enjoy creating things that live on the internet. </p>
<p>I decided on this career as I grew up with a heavy influence from my father who ran his own software house, and I got an insight into what it's like to work in the tech industry. My father would always hype about how learning to program or by 'speaking the computer's language', he could type a few lines of code and tell the computer to do whatever he wanted it to do and that just blew my then curious and budding little mind. As I grew older, my interest in the field continued to grow as I started to understand the importance of technology and how it will continuously evolve to become a basic necessity in our day to day lives.</p>
<p>I have always been one of the few girls in computing classes in school as well as only one of three other girls in my college courses, but I thought if my dad can do it, then so can I.</p>
<p>I got my job with Hot Beans when I was in my last year of university, England had just gone into a lockdown due to COVID-19, and I was on the lookout for a good graduate job.</p>
<p>I came across a job posting for a front-end engineer role at HBW I applied and a few days later I got a call for an interview. During the interview I spoke about how I enjoy all aspects of tech from design to development, as well as my awareness of the importance of web accessibility. A couple of days later, I received a phone call offering me the job and an email from my manager to tell me that I was joining the accessibility team.</p>
<p>A typical as a graduate accessibility specialistis where I work alongside designers and developers to support them to create and build brilliant new features and run accessibility audits across different sites and applications against WCAG (Web Content Accessibility Guidelines), which helps us find accessibility issues to tackle. This ensures that our sites can be used by everyone regardless of their disabilities. My team and I also create and deliver engagement resources to raise awareness and understanding of accessibility.</p>
<p>Apart from having the basic knowledge of web development and accessibility to carry out the job you also need:</p>
<ul class="no-list-style">
<li>- Determination to learn</li>
<li>- Good communication skills</li>
<li>- Good analytical skills</li>
<li>- To be adaptive and collaborative to work alongside different people.</li>
</ul>
</div>
<div class="scroll-prompt">Scroll to read full about me</div>
</div>
<div id="rosa" class="profile">
<div class="profile-left">
<img src="assets/images/Rosa_DeCastello.jpg" alt="Rosa DeCastello's picture">
<h2>Rosa DeCastello</h2>
</div>
<div class="profile-right">
<p>Hi I'm Rosa and I have a real passion for Creative design, I'm never happier than when I'm pushing the envelope of what can be done with HTML and CSS!</p>
<p>I came into web design from an art background but soon realised that I needed to develop my technical skills as well. So I did a lot of online courses that pushed what I know, then used the support and experience of my colleagues to hone my skills.</p>
<p>My work with Hot Beans has been very varied and I enjoy the challenge of not knowing what industry our next client will come from, it keeps me on my toes and my creativity fresh.</p>
<p>I love working for HBW and they have been super supportive these are some of the things I do on a day to day basis:</p>
<p>I take a lead role in maintaining and developing client's sites including;</p>
<ul class="no-list-style">
<li>- Attend meetings with internal and external clients to plan and develop site content, style and appearance</li>
<li>- Use web content management systems (CMS)</li>
<li>- Analyse website usage statistics</li>
<li>- Write reports for senior managers, clients and partnership organisations</li>
<li>- Carry out quality assurance checks on content</li>
</ul>
<p>The part I enjoy most about my job is being both technical and creative it's the perfect mix.</p>
</div>
<div class="scroll-prompt">Scroll to read full about me</div>
</div>
</section>
<section class="section-3">
<h1 class="section-heading">Our Clients</h1>
<div class="section-3-text">
<p>Our clients base include many different types and sizes of business, ranging from the sole trader to SME's all the way through to household names.</p>
<p>Hot Beans has had direct and indirect development contracts with some of the world's biggest names, including the likes of Belkin, DSG Group, Ingram Micro, Halfords, Nationwide, and Tesco.</p>
<p>However, our favourite customers are the ones that embrace a website to help start and develop their businesses. These include local plumbers, builders, electricians, home builders and gardeners.</p>
<p>We are always here to help and believe in Givers Gain; if you need any help or advice, we are here to help, and we don’t charge for any consultation ever!</p>
</div>
</section>
<footer class="container-fluid">
<img src="assets/images/logo.png">
<div>
<h2>Company Address</h2>
<ul class="no-list-style">
<li>75 Broadway</li>
<li>Peterborough</li>
<li>PE1 1SY</li>
</ul>
</div>
<div>
<h2>Contact</h2>
<ul class="no-list-style">
<li>Visit us in person or use;</li>
<li>01733 762255</li>
<li>contactus@hotbeansweb.co.uk</li>
</ul>
</div>
<div>
<h2>Sitemap</h2>
<ul class="no-list-style">
<li><a href="index.html">Index.html</a></li>
<li><a href="profile.html">Profile.html</a></li>
<li><a href="jobs.html">Jobs.html</a></li>
<li><a href="learn.html">Learn.html</a></li>
<li><a href="privacy.html">Privacy.html</a></li>
</ul>
</div>
<div>
<h2>Legal</h2>
<ul class="no-list-style">
<li><a href="privacy.html">Privacy Policy</a></li>
</ul>
</div>
<p class="footer-copyright">Hot Beans Web - 2025, All rights reserved</p>
</footer>
</body>
</html>