登录 注册
开源 企业版 高校版 私有云 Gitee AI NEW
扫描微信二维码支付
取消
支付完成
Watch
不关注 关注所有动态 仅关注版本发行动态 关注但不提醒动态
1 Star 0 Fork 0

DXStudio/WonkmyCompanyWeb

代码 Issues 0 Pull Requests 0 Wiki 统计 流水线
服务
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目，私有仓库也完全免费 ：）
免费加入
该仓库未声明开源许可证文件（LICENSE），使用请关注具体项目描述及其代码上游依赖。
项目仓库所选许可证以仓库主分支所使用许可证为准
克隆/下载
blog.html 12.46 KB
一键复制 编辑 原始数据 按行查看 历史
Wonkmy 提交于 2023-10-16 10:16 . Signed-off-by: wangqiming_wd 1589797819@qq.com
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta name="description" content="itran | IT solutions - business services HTML template ">

    <!-- fav icon -->

    

        

    <!-- bootstarp css file -->

    <link rel="stylesheet" href="static/css/bootstrap.min.css">

      

    <!-- owl carousel css file -->

    <link rel="stylesheet" href="static/css/owl.carousel.min.css">

    <link rel="stylesheet" href="static/css/owl.theme.default.min.css">

    

    <!-- bootstrap icons -->

    <link rel="stylesheet" href="static/css/bootstrap-icons.css">

    <link rel="stylesheet" href="static/css/bootstrap-icons1.css">

    

    <!-- Google font -->

    <link rel="preconnect" href="https://fonts.googleapis.com/">

    <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin="">

    <link href="static/css/css2.css" rel="stylesheet">  

    

    <!-- main css file -->

    <link rel="stylesheet" href="static/css/style.css">

    <title> itran | IT solutions - business services HTML template </title>

</head>

<body>

      <!-- start scroll to top button -->

  <div id="progress">

    <span id="progress-value"><i class="bi bi-arrow-up-short"></i></span>

</div>

      <!-- end scroll to top button -->

      

   <!-- start preLoader -->

   <div id="preloader">

		<div class="spinner"></div>

	</div>

   <!-- end preLoader -->



    <!-- ======= start Header ======= -->

   <header class="header">

    <nav class="navbar navbar-expand-lg navbar-light">

      <div class="container">

        <a class="logo" href="#">itran</a>

        <!-- if you want to use image in your logo uncomment the following line -->

        <!-- <a class="navbar-brand " href="#"><img src="images/logo/logo.png" class="logo"  alt="LOGO"></a> -->

        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">

          <i class="bi bi-list"></i>

        </button>

        <div class="collapse navbar-collapse justify-content-between" id="navbarNav">

          <ul class="navbar-nav ms-auto" id="navbar">

            <li class="nav-item">

              <a class="nav-link " aria-current="page" href="index.html">Home</a>

            </li>

            <li class="nav-item">

              <a class="nav-link" href="services.html">services</a>

            </li>

            <li class="nav-item">

              <a class="nav-link" href="portfolio.html">projects</a>

            </li>

            <li class="nav-item dropdown">

              <a class="nav-link dropdown-toggle" href="about1.html" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">

                about

              </a>

              <ul class="dropdown-menu" aria-labelledby="navbarDropdown">

                <li><a class="dropdown-item py-2" href="about1.html">about 01</a></li>

                <li><a class="dropdown-item py-2" href="about2.html">about 02</a></li>

               </ul>

            </li>

            <li class="nav-item dropdown">

              <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">

                pages

              </a>

              <ul class="dropdown-menu" aria-labelledby="navbarDropdown">

                <li><a class="dropdown-item py-2" href="404.html">404 page</a></li>

                <li><a class="dropdown-item py-2" href="">blog page</a></li>

               </ul>

            </li>

          </ul>

          <a class="btn ms-auto" href="#">get started</a>

        </div>

      </div>

    </nav>

   </header>

    <!-- ======= end Header ======= -->



<!-- ============== Start Blog section ========== -->

<div class="blog py-4 my-4">

    <div class="container">

        <h1 class="title col-lg-5 col-12 ">our latest <span class="unique-text">blog</span></h1>

      <div class="row my-2 gx-4 gy-4">

        <div class="col-lg-6 col-12">

          <div class="bg-box p-4">

          <img src="static/picture/12.jpg" alt="blog">

          <div class="d-flex justify-content-between my-2">

            <h4>by ahmad errami</h4>

            <h4>05/06/2023</h4>

          </div>

          <h2 class="blog-title my-4">10 Must-Have Tools for Every IT Professional</h2>

          <a href="blog-single.html" class="learn-more my-2">read more <i class="bi bi-arrow-right"></i></a>

        </div>

      </div>

      <div class="col-lg-6 col-12">

        <div class="bg-box p-4">

        <img src="static/picture/21.jpg" alt="blog">

        <div class="d-flex justify-content-between my-2">

          <h4>by bodih dgmas</h4>

          <h4>15/03/2023</h4>

        </div>

        <h2 class="blog-title my-4">The Top Cybersecurity Threats to Watch Out for in 2023</h2>

        <a href="blog-single.html" class="learn-more my-2">read more <i class="bi bi-arrow-right"></i></a>

      </div>

    </div>

    <div class="col-lg-6 col-12">

      <div class="bg-box p-4">

      <img src="static/picture/32.jpg" alt="blog">

      <div class="d-flex justify-content-between my-2">

        <h4>by john zabzag</h4>

        <h4>05/06/2023</h4>

      </div>

      <h2 class="blog-title my-4">How to Build a Successful IT Career: Tips and Advice</h2>

      <a href="blog-single.html" class="learn-more my-2">read more <i class="bi bi-arrow-right"></i></a>

    </div>

  </div>

  <div class="col-lg-6 col-12">

    <div class="bg-box p-4">

    <img src="static/picture/4.jpg" alt="blog">

    <div class="d-flex justify-content-between my-2">

      <h4>by john smith</h4>

      <h4>05/06/2023</h4>

    </div>

    <h2 class="blog-title my-4">The Benefits and Risks of Cloud Computing for Businesses</h2>

    <a href="blog-single.html" class="learn-more my-2">read more <i class="bi bi-arrow-right"></i></a>

  </div>

  </div>

  <div class="col-lg-6 col-12">

    <div class="bg-box p-4">

    <img src="static/picture/12.jpg" alt="blog">

    <div class="d-flex justify-content-between my-2">

      <h4>by ahmad errami</h4>

      <h4>05/06/2023</h4>

    </div>

    <h2 class="blog-title my-4">10 Must-Have Tools for Every IT Professional</h2>

    <a href="blog-single.html" class="learn-more my-2">read more <i class="bi bi-arrow-right"></i></a>

  </div>

</div>

<div class="col-lg-6 col-12">

  <div class="bg-box p-4">

  <img src="static/picture/21.jpg" alt="blog">

  <div class="d-flex justify-content-between my-2">

    <h4>by bodih dgmas</h4>

    <h4>15/03/2023</h4>

  </div>

  <h2 class="blog-title my-4">The Top Cybersecurity Threats to Watch Out for in 2023</h2>

  <a href="blog-single.html" class="learn-more my-2">read more <i class="bi bi-arrow-right"></i></a>

</div>

</div>

      </div>

    </div>

  </div>

  <!-- ============== End Blog section ========== -->



    

<!-- ============== Start contact section ========== -->

<section class="container contact py-5" id="contact">

    <div class="row">

      <div class="col-12 col-lg-6 gy-3">

        <h1 class="title col-12">

          get in <span class="unique-text">touch</span>

         </h1>

         <p class="col-11">In today's fast-paced world, technology is constantly evolving, and keeping up 

           with these changes can be challenging. That's where we come in. Our team of expert 

           technicians and engineers stay ahead of the curve</p> 

        <div class="d-flex align-items-center my-3">  

          <i class="bi bi-envelope-fill"></i>

          <h5 class="ms-4">example@example.com</h5>

      </div>

      <div class="d-flex align-items-center my-3">  

        <i class="bi bi-telephone-fill"></i>

        <h5 class="ms-4">+123 456 6789</h5>

    </div>

    <div class="d-flex align-items-center my-3">  

      <i class="bi bi-map-fill"></i>

      <h5 class="ms-4">A108 Adam Street, New York, NY 535022</h5>

  </div>

      </div>

      <div class="col-12 col-lg-6">

          <!--Form To have user messages-->

          <form class="main-form" id="contact-us-form" action="contact.php" method="post"><span class="done-msg"></span>

                  <div class="my-2">

                  <h6>your full name <span class="unique-text">*</span></h6>

                  <input class="text-input" id="firstname" required="" name="firstname" type="text">

                  </div>

                  <div class="my-2">

                  <h6>your email<span class="unique-text">*</span></h6>

                  <input class="text-input" id="email" required="" name="email" type="email">

                  </div>

                  <div class="my-2">

                  <h6>your message<span class="unique-text">*</span></h6>

                  <textarea class=" text-input" rows="7" cols="30" required="" name="message"></textarea>

                  </div>

                <button class="btn" id="submit-btn" type="submit" name="UserSubmit">Send now</button>

          </form>

        </div>

  </div>

</section>

<!-- ============== end contact section ========== -->



<!-- ============== Start Footer section ========== -->

<div class="footer">

  <div class="container">

    <div class="py-4 d-flex flex-column  align-items-center justify-content-center ">

    <h1 class="title col-lg-10 col-12 text-center">Unlock your company's full potential with our expert IT services</h1>

    <a href="#" class="btn my-2">get started</a>

  </div>

    <div class="row align-items-center">

      <div class="col-12 col-lg-3 col-md-6 mx-auto my-4">

        <div class="box">

          <a href="#" class="logo dark">itran</a>

          <p class="col-10">photographer with a passion for

             capturing the beauty and emotion of life.</p>

              <div class="social d-flex">

                  <i class="bi bi-facebook"></i>

                  <i class="ms-3 bi bi-instagram"></i>

                  <i class="ms-3 bi bi-twitter "></i>

                  <i class="ms-3 bi bi-youtube"></i>

              </div>

        </div>

      </div>

      <div class="col-12 col-lg-3 col-md-6 mx-auto d-flex flex-column my-4">

        <h4 class="my-2">site map</h4>

        <ul>

        <li><a href="index.html"><i class="bi bi-chevron-right me-2"></i>home</a></li>

        <li><a href="about.html"><i class="bi bi-chevron-right me-2"></i>about</a></li>

        <li><a href="portfolio.html"><i class="bi bi-chevron-right me-2"></i>work</a></li>

        <li><a href="contact.html"><i class="bi bi-chevron-right me-2"></i>contact</a></li>

      </ul>

    </div>

      <div class="col-12 col-lg-3 col-md-6 mx-auto d-flex flex-column my-4">

        <h4 class="my-2">about us</h4>

        <ul>

        <li><a href="#"><i class="bi bi-chevron-right me-2"></i>our story</a></li>

        <li><a href="#"><i class="bi bi-chevron-right me-2"></i>team members</a></li>

        <li><a href="#"><i class="bi bi-chevron-right me-2"></i>careers</a></li>

        <li><a href="#"><i class="bi bi-chevron-right me-2"></i>contact us</a></li>

      </ul>

    </div>

      <div class="col-12 col-lg-3 col-md-6 mx-auto d-flex flex-column my-4">

          <h4 class="my-2">quick links</h4>

          <ul>

          <li><a href="#"><i class="bi bi-chevron-right me-2"></i>terms of use</a></li>

          <li><a href="#"><i class="bi bi-chevron-right me-2"></i>pricacy policy</a></li>

          <li><a href="#"><i class="bi bi-chevron-right me-2"></i>contact support</a></li>

          <li><a href="#"><i class="bi bi-chevron-right me-2"></i>faq's</a></li>

        </ul>

      </div>

    </div>

    </div>

    <hr>

    <div class="copyrights ">

      <div class="container">

        <div class="row">

          <div class="col-12 col-md-6 d-flex justify-content-start">

            <p class="creadits">

              

             Copyright &copy; 2023.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>

            </p>

          </div>

          <div class="col-12 col-md-6 d-flex justify-content-end">

            <div>

              <a href="#">Terms of Use </a>

              | <a href="#">Privacy Policy</a>

            </div>

          </div>

        </div>

      </div>

    </div>

  </div>

<!-- ============== end Footer section ========== -->







<!--  JQuery file     -->

<script src="static/js/jquery-3.6.1.min.js"></script>



<!-- bootstrap min js -->

<script src="static/js/bootstrap.min.js"></script>



<!--  owl carousel    -->

<script src="static/js/owl.carousel.min.js"></script>



<!--  counter     -->

<script src="static/js/jquery.counterup.min.js"></script>

<script src="static/js/jquery.waypoints.js"></script>



<!--  main js file  -->

<script src="static/js/main.js"></script>



</body>

</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/wonkmy-game/wonkmy-company-web.git
git@gitee.com:wonkmy-game/wonkmy-company-web.git
wonkmy-game
wonkmy-company-web
WonkmyCompanyWeb
master
点此查找更多帮助

搜索帮助

Git 命令在线学习 如何在 Gitee 导入 GitHub 仓库
Git 仓库基础操作
企业版和社区版功能对比
SSH 公钥设置
如何处理代码冲突
仓库体积过大，如何减小？
如何找回被删除的仓库数据
Gitee 产品配额说明
GitHub仓库快速导入Gitee及同步更新
什么是 Release（发行版）
将 PHP 项目自动发布到 packagist.org
评论
仓库举报
回到顶部
D67c1975 1850385 1daf7b77 1850385