Andle-个人投资组合Bootstrap5模板

极简和创意

引言

模板名称:Andle-PersonalPortfolioBootstrap5模板
非常感谢您选择我们的模板。我们真的很感激和真的希望您会喜欢我们的模板!
如果您喜欢此模板,请给我们评分5以支持我们星。. 

Andle是一个简单而优雅的技术HTML模板。该主题有4个首页布局,响应迅速,易于自定义。您可以将他的HTML模板用于数字,技术产品,高科技产品,配件。

Andle附带了8个HTML页面的变体,其中有4个独特的家庭版本。它是通过Bootstrap5,HTML5,SASS,CSS3和W3C验证的标记构建的。此SEO友好模板具有许多功能,例如图像缩放,Google字体,Awesome字体,Plaza图标等。

现在,毫不犹豫地使用此Andle-PersonalPortfolioBootstrap5模板来发展您的业务。

模板功能

  • 使用Bootstrap5构建
  • 8+HTML页面
  • 图标字体(FontAwesome)
  • Google字体
  • W3C验证码
  • 干净的代码
  • 创意和现代设计
  • 全面响应
  • 易于定制
  • 跨浏览器支持
  • 有据可查
  • 没有控制台错误
需要支持吗?
如果您对主题有任何疑问,请在以下位置提交票证 https://hasthemes.com/contact-us/

包含的文件

  • 文件
  • 模板文件- 安德勒

根文件夹结构





FTP上传

  • 打开您的FTP管理器并连接到主机
  • 浏览到所需目录(通常为public_html)
  • 上传里面的所有文件 安德勒 文件夹。


页面结构



  • index.html
  • about.html
  • Price.html
  • projects.html
  • projects-detail.html
  • blog.html
  • blog-detail.html
  • contact.html

源文件结构



字体源文件结构

记住将字体更改为 style.css

            
            @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700;800;900&family=Zilla+Slab:wght@400;500;600;700&display=swap");
            
          


CSS源文件结构

这些是加载到中的模板中的css文件 头部部分.


            <!-- CSS
            ============================================ -->

            <!-- Icon Font CSS -->
            <link rel="stylesheet" href="assets/css/plugins/fontawesome.min.css">
            <link rel="stylesheet" href="assets/css/plugins/ionicons.min.css">
            <link rel="stylesheet" href="assets/css/plugins/line-awesome.min.css">
            <link rel="stylesheet" href="assets/css/plugins/icofont.min.css">
            <link rel="stylesheet" href="assets/css/plugins/simple-line-icons.css">

            <!-- Plugins CSS -->
            <link rel="stylesheet" href="assets/css/plugins/animate.css">
            <link rel="stylesheet" href="assets/css/plugins/swiper-bundle.min.css">
            <link rel="stylesheet" href="assets/css/plugins/odometer.min.css">
            

            <!-- Main Style CSS -->
            <link rel="stylesheet" href="assets/css/style.css">


          


Javascript源文件结构

下面是加载到模板中的Javascript文件的列表 车身部分。

       
           
            <!-- JS
            ============================================ -->

            <!-- Modernizer & jQuery JS -->
            <script src="assets/js/vendor/modernizr-3.11.2.min.js""></script>
            <script src="assets/js/vendor/jquery-3.5.1.min.js"></script>

            <!-- Bootstrap js -->
            <script src="assets/js/plugins/popper.min.js"></script>
            <script src="assets/js/plugins/bootstrap.min.js"></script>
            
            <!-- All Plugins js -->
            <script src="assets/js/plugins/swiper-bundle.min.js"></script>
            <script src="assets/js/plugins/appear.js"></script>
            <script src="assets/js/plugins/validate.js></script>
            <script src="assets/js/plugins/odometer.min.js"></script>
            <script src="assets/js/plugins/isotope.pkgd.min.js"></script>
            <script src="assets/js/plugins/imagesloaded.pkgd.min.js"></script>
            <script src="assets/js/plugins/wow.js"></script>
            <script src="assets/js/plugins/ajax-contact.js"></script>

            <!-- Main Activation js -->
            <script src="assets/js/main.js"></script>
            
        


如何更换logo?





如何改变背景图像?





如何更改邮件?

您可以在联系表单和时事通讯中传递动态电子邮件。