Portfolio site in minutes - React

栏目: IT技术 · 发布时间: 4年前

内容简介:You can change the whole look of the template just changing values in src/config/config.js

YourPortfolio

YourPortfolio is a readymade react portfolio template that could be used to develop portfolio sites in minutes just changing values of config.js.

Preview

Portfolio site in minutes - React View Live Preview

Status

How To Use

You can change the whole look of the template just changing values in src/config/config.js

Config.js

export const configuration = {
    Navbar:{
        NavbarTitle:'Valeed Anjum',
        NabarOptions:['portfolio','about','contact']
    },
    Masthead:{
        MastheadTitle:'Valeed Anjum Siddiqui',
        Labels:['seo expert','react developer','freelancer']
    },
    Portfolio:{
        PortfolioTitle:'my work',
        PortfolioItems:[
            {image:'img/portfolio/cabin.png',name:'cabin',des:'des cabin'},
            {image:'img/portfolio/cake.png',name:'cake',des:'des cake'},
            {image:'img/portfolio/circus.png',name:'circus',des:'des circus'},
            {image:'img/portfolio/game.png',name:'game',des:'des game'},
            {image:'img/portfolio/safe.png',name:'safe',des:'des safe'},
            {image:'img/portfolio/submarine.png',name:'submaribe',des:'des submaribe'},
        ]
    },
    About:{
        AboutTitle:'About ok',
        AboutMe1Sec:`Freelancer is a free bootstrap theme created by Start Bootstrap. 
        The download includes the complete source files including HTML, CSS, and JavaScript as 
        well as optional SASS stylesheets for easy customization.`,
        AboutMe2Sec:`You can create your own custom avatar for the masthead, change the icon in the dividers,
        and add your email address to the contact form to make it fully functional!`,
        ButtonName:'Download !',
        ButtonIconFontAwesome:'fas fa-download mr-2',
        ButtonSite:'https://github.com/ValeedAnjum/yourportfolio'
    },
    Footer:{
        section1:{
            title:'Location',
            address1:'Siddiqui House',
            address2:'Mohalla Gharibabad'
        },
        section2:{
            title:'Around the Web',
            facebook:'https://web.facebook.com/valeed.anjum.1',
            twitter:'https://twitter.com/ValeedAnjum2',
            dribbble:'https://www.linkedin.com',
            linkedin:'https://dribbble.com'
        },
        section3:{
            title:'yourportfolio',
            description:'YOURPORTFOLIO is free to use, MIT licensed theme created by Valeed Anjum.'
        }
    }
}

Usage

git clone https://github.com/ValeedAnjum/yourportfolio.git
run "npm install" command in project directory

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

License

MIT


以上所述就是小编给大家介绍的《Portfolio site in minutes - React》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

图解设计模式

图解设计模式

结城浩 / 杨文轩 / 人民邮电出版社 / 2017-1-1 / CNY 79.00

原版连续畅销12年、重印25次! 194张图表 + Java示例代码 = 轻松理解GoF的23种设计模式 《程序员的数学》《数学女孩》作者结城浩又一力作 ◆图文并茂 194张图表(包括57张UML类图)穿插文中,帮助理解各设计模式 ◆通俗易懂 用浅显的语言逐一讲解23种设计模式,读完此书会发现GoF书不再晦涩难懂 ◆专业实用 编写了Java程序代码来......一起来看看 《图解设计模式》 这本书的介绍吧!

RGB转16进制工具
RGB转16进制工具

RGB HEX 互转工具

SHA 加密
SHA 加密

SHA 加密工具

html转js在线工具
html转js在线工具

html转js在线工具