mirror of
https://github.com/chemistry-software/website.git
synced 2026-11-07 08:57:29 +00:00
Uploading current progress
This commit is contained in:
1 parent
a4214a1852
commit
03bdf5f791
2 files changed
+33
-45
No files matched your search
+32
-44
@@ -7,10 +7,9 @@
|
||||
<meta name="description" content="Professional chemistry software development and consulting services">
|
||||
|
||||
<!-- Google Fonts -->
|
||||
<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=Space+Mono:wght@400;700&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||
|
||||
<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=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
|
||||
<!-- Styles -->
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
|
||||
@@ -30,7 +29,6 @@
|
||||
<nav class="desktop-nav">
|
||||
<a href="#services" class="nav-link">Services</a>
|
||||
<a href="#about" class="nav-link">About</a>
|
||||
<a href="#portfolio" class="nav-link">Portfolio</a>
|
||||
<a href="#contact" class="nav-link">Contact</a>
|
||||
<div class="header-actions">
|
||||
<!-- Theme Toggle -->
|
||||
@@ -250,10 +248,10 @@
|
||||
<h2 class="section-title">About the Consultant</h2>
|
||||
<p class="about-text">
|
||||
With a livelong passion for chemistry and IT and over a decade of experience in the chemistry field and almost 5 years of professional experience in webdevelopment, I strive to combine my passions and bridging the gap between chemistry and software,
|
||||
bringing a unique perspective to the development of software for the specific needs of the chemical industrie.
|
||||
bringing a unique perspective to the development of software for the specific needs of the chemical industry.
|
||||
</p>
|
||||
<p class="about-text">
|
||||
Having practiced chemistry myself gives me special insight to the problems faced in the lab, which lead me to to create solutions that truly understand the needs of chemical professionals,
|
||||
Having been a chemist myself gives me special insight to the problems faced in the lab, which lead me to to create solutions that truly understand the needs of chemical professionals,
|
||||
researchers, and businesses.
|
||||
</p>
|
||||
|
||||
@@ -266,7 +264,7 @@
|
||||
<div>
|
||||
<h3 class="feature-title">Chemistry Background</h3>
|
||||
<p class="feature-text">
|
||||
Advanced degree in Chemistry with laboratory and industry experience
|
||||
Advanced degree in analytical and organic chemistry with industry experience in medicinal chemistry
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -321,24 +319,24 @@
|
||||
</section>
|
||||
|
||||
<!-- Portfolio Section -->
|
||||
<section id="portfolio" class="portfolio chemistry-bg">
|
||||
<!-- <section id="portfolio" class="portfolio chemistry-bg">
|
||||
<!-- Chemistry-themed decorative elements -->
|
||||
<div class="hexagon hex-6"></div>
|
||||
<!-- <div class="hexagon hex-6"></div>
|
||||
<div class="circle circle-6"></div>
|
||||
<div class="hexagon hex-7"></div>
|
||||
<div class="hexagon hex-7"></div> -->
|
||||
|
||||
<div class="container">
|
||||
<!-- <div class="container">
|
||||
<div class="section-header">
|
||||
<h2 class="section-title">Portfolio</h2>
|
||||
<p class="section-description">
|
||||
A selection of successful projects at the intersection of chemistry and technology,
|
||||
showcasing solutions for various chemical industry needs.
|
||||
</p>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<div class="portfolio-grid">
|
||||
<!-- <div class="portfolio-grid"> -->
|
||||
<!-- Portfolio Item 1 -->
|
||||
<div class="portfolio-item">
|
||||
<!-- <div class="portfolio-item">
|
||||
<div class="portfolio-image-container">
|
||||
<img src="https://kzmj9wbt1hdtc1235v88.lite.vusercontent.net/placeholder.svg?height=400&width=600" alt="ChemTrack LIMS" class="portfolio-image">
|
||||
<div class="portfolio-overlay">
|
||||
@@ -360,10 +358,10 @@
|
||||
<span class="portfolio-tag">UI/UX</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<!-- Portfolio Item 2 -->
|
||||
<div class="portfolio-item">
|
||||
<!-- <div class="portfolio-item">
|
||||
<div class="portfolio-image-container">
|
||||
<img src="https://kzmj9wbt1hdtc1235v88.lite.vusercontent.net/placeholder.svg?height=400&width=600" alt="ReagentShop" class="portfolio-image">
|
||||
<div class="portfolio-overlay">
|
||||
@@ -385,10 +383,10 @@
|
||||
<span class="portfolio-tag">Compliance</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div> -->
|
||||
|
||||
<!-- Portfolio Item 3 -->
|
||||
<div class="portfolio-item">
|
||||
<!-- <div class="portfolio-item">
|
||||
<div class="portfolio-image-container">
|
||||
<img src="https://kzmj9wbt1hdtc1235v88.lite.vusercontent.net/placeholder.svg?height=400&width=600" alt="AnalyticsLab Dashboard" class="portfolio-image">
|
||||
<div class="portfolio-overlay">
|
||||
@@ -410,11 +408,12 @@
|
||||
<span class="portfolio-tag">Dashboard</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
</div>
|
||||
<!-- </div>
|
||||
</div>
|
||||
</section>
|
||||
</section> -->
|
||||
|
||||
|
||||
<!-- Contact Section -->
|
||||
<section id="contact" class="contact">
|
||||
@@ -480,7 +479,7 @@
|
||||
<div>
|
||||
<h4 class="contact-method-title">Email</h4>
|
||||
<a href="mailto:contact@chemtechconsulting.com" class="contact-method-value">
|
||||
contact@chemtechconsulting.com
|
||||
info@chemistry.software
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -494,7 +493,7 @@
|
||||
<div>
|
||||
<h4 class="contact-method-title">Phone</h4>
|
||||
<a href="tel:+11234567890" class="contact-method-value">
|
||||
+1 (123) 456-7890
|
||||
+31 6 132 643 18
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -508,7 +507,7 @@
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="contact-method-title">Location</h4>
|
||||
<p class="contact-method-value">Boston, MA - Available for remote consulting worldwide</p>
|
||||
<p class="contact-method-value">Eenrum, Netherlands - Available for remote consulting </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -518,17 +517,13 @@
|
||||
<h4 class="consultation-hours-title">Consultation Hours</h4>
|
||||
<div class="hours-list">
|
||||
<div class="hours-item">
|
||||
<span>Monday - Friday</span>
|
||||
<span>9:00 AM - 5:00 PM EST</span>
|
||||
<span>Monday - Thursday</span>
|
||||
<span>11:00 - 15:00 </span>
|
||||
</div>
|
||||
<div class="hours-item">
|
||||
<span>Saturday</span>
|
||||
<span>Saturday & Sunday</span>
|
||||
<span>By appointment</span>
|
||||
</div>
|
||||
<div class="hours-item">
|
||||
<span>Sunday</span>
|
||||
<span>Closed</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="consultation-note">
|
||||
<p>Initial 30-minute consultations are complimentary for qualified projects.</p>
|
||||
@@ -567,12 +562,6 @@
|
||||
</svg>
|
||||
<span class="sr-only">GitHub</span>
|
||||
</a>
|
||||
<a href="#" class="social-link">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path>
|
||||
</svg>
|
||||
<span class="sr-only">Twitter</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -592,7 +581,6 @@
|
||||
<li><a href="#" class="footer-link">Home</a></li>
|
||||
<li><a href="#about" class="footer-link">About</a></li>
|
||||
<li><a href="#services" class="footer-link">Services</a></li>
|
||||
<li><a href="#portfolio" class="footer-link">Portfolio</a></li>
|
||||
<li><a href="#contact" class="footer-link">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -605,16 +593,16 @@
|
||||
<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path>
|
||||
<polyline points="22,6 12,13 2,6"></polyline>
|
||||
</svg>
|
||||
<a href="mailto:contact@chemtechconsulting.com" class="footer-link">
|
||||
contact@chemtechconsulting.com
|
||||
<a href="mailto:info@chemistry.software" class="footer-link">
|
||||
info@chemistry.software
|
||||
</a>
|
||||
</li>
|
||||
<li class="footer-contact-item">
|
||||
<svg class="footer-contact-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path>
|
||||
</svg>
|
||||
<a href="tel:+11234567890" class="footer-link">
|
||||
+1 (123) 456-7890
|
||||
<a href="tel:+31613264318 " class="footer-link">
|
||||
+31 6 132 643 18
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
+1
-1
@@ -61,7 +61,7 @@
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: 'Space Mono', monospace;
|
||||
font-family: "IBM Plex Mono", monospace;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
|
||||
Reference in new issue
Block a user