-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblogs.html
133 lines (120 loc) · 5.74 KB
/
blogs.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="icon" type="image/png" href="assets/images/techgaun-logo-small.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Blogs - Techgaun</title>
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/blog.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@emailjs/browser@4/dist/email.min.js"></script>
<script type="text/javascript" src="/assets/js/script.js"></script>
<script type="text/javascript" src="assets/js/blog-data.js" defer></script>
<script type="text/javascript" src="assets/js/blog.js" defer></script>
</head>
<body>
<!-- Header Section -->
<header>
<div class="container">
<div class="logo">
<img src="assets/images/logo.svg" alt="Techgaun Logo">
</div>
<nav class="main-nav" id="main-nav">
<ul>
<li><a href="/#home">Home</a></li>
<li><a href="/#about">About</a></li>
<li><a href="/#services">Services</a></li>
<li><a href="/blogs.html">Blogs</a></li>
<li><a href="/careers.html">Careers</a></li>
<li><a href="https://devtools.techgaun.com" target="_blank">Dev Tools</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<div class="get-started-container">
<a href="#contact" class="get-started">Get Started</a>
</div>
<a href="javascript:void(0);" id="nav-icon" class="nav-icon">
<i class="fa fa-bars"></i>
</a>
</div>
</header>
<section class="blog-title-section">
<div class="container">
<h1 class="section-title">Techgaun Blog</h1>
<p>
Articles to inspire and educate you on technology, business and software development.
</p>
</div>
</section>
<section class="container">
<div class="primary-blog-container">
<div class="primary-blog-content">
<h2 class="primary-blog-title">How to build a successful software product?</h2>
<p class="primary-blog-description">
Building a successful software product is a challenging task. It requires a lot of planning...
</p>
<a href="blog-detail.html?blogId=1 ">Read More</a>
</div>
<img src="assets/images/blogs/primary-blog.avif" alt="Primary Blog Image" />
</div>
</section>
<section class="blog-list container" id="blog-list"></section>
<section class="container load-more-container">
<button id="load-more" class="load-more-btn">Load More</button>
</section>
<!-- Contact Section -->
<section id="contact" class="contact">
<div class="container">
<div class="contact-form-container">
<img class="contact-plane" src="assets/images/contact-us-plane.svg" alt="Contact Plane" />
<div class="contact-form-content-container">
<h1 class="section-title">Contact Us</h1>
<div class="contact-form-input-container">
<form id="contact-form">
<input type="text" name="from_name" placeholder="Full Name" required>
<input type="email" name="from_email" placeholder="Email" required>
<input type="tel" name="from_phone" placeholder="Phone Number">
<textarea name="message" placeholder="Message" required></textarea>
<button type="submit">Submit</button>
<div id="success-message" class="success-message" style="display: none;">
<p>Thanks for reaching out. We'll contact you as soon as possible.</p>
</div>
</form>
</div>
</div>
<img class="contact-man" src="assets/images/contact-man.svg" alt="Contact Man" />
</div>
</div>
</section>
<section class="footer-img">
<div class="container footer-bg-container">
<img src="assets/images/footer.svg" alt="Footer Background" />
</div>
</section>
<!-- Footer Section -->
<footer>
<div class="container">
<div class="footer-logo">
<img src="assets/images/footer-logo.svg" alt="Techgaun Logo">
</div>
<ul class="footer-nav">
<li><a href="/#home">About</a></li>
<li><a href="/#services">Services</a></li>
<li><a href="/#case-studies">Case Study</a></li>
</ul>
<div class="social-media">
<a href="https://www.linkedin.com/company/techgaun" target="_blank" noopener noreferrer><img
src="assets/images/linkedin-white.svg" alt="LinkedIn"></a>
<a href="https://www.github.com/techgaun-np" target="_blank" noopener noreferrer><img
src="assets/images/github-white.svg" alt="Github"></a>
<a href="mailto:[email protected]"><img src="assets/images/email.svg" alt="Email"></a>
</div>
<p>© 2024 Techgaun. All rights reserved.</p>
</div>
</footer>
<button class="scroll-top" id="scroll-top" onclick="scrollToTop()">
<img src="assets/images/arrow-up.png" alt="arrow-up" />
</button>
</body>
</html>